:root{--bg0:#160a02;--bg1:#3a1e05;--accent:#ffd23f;--accent2:#ff8a3f;--good:#34d399;--bad:#fb7185;--wait:#b91c1c;--go:#16a34a;--ink:#fff6e9;--muted:#cbb89a;--card:#ffffff0f;--card-border:#ffffff29}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0}body{color:var(--ink);background:radial-gradient(130% 130% at 50% 0%, var(--bg1) 0%, var(--bg0) 65%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif;overflow:hidden}.wrap{flex-direction:column;max-width:640px;min-height:100vh;margin:0 auto;display:flex}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px 18px;display:flex}.logo{letter-spacing:3px;color:var(--muted);font-size:12px}.title{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#0000;filter:drop-shadow(0 4px 14px #ff8a3f4d);-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:900;line-height:1.1}.lead{color:var(--muted);max-width:380px;font-size:15px;line-height:1.8}.rules{text-align:left;background:var(--card);border:1px solid var(--card-border);border-radius:16px;max-width:400px;padding:16px 18px;font-size:14px;line-height:1.9}.modes{flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}.subline{color:var(--muted);font-size:14px;line-height:1.7}.best{color:var(--accent);font-weight:800}.btn{appearance:none;cursor:pointer;color:#2a1402;background:linear-gradient(135deg, var(--accent), var(--accent2));border:none;border-radius:14px;padding:18px 22px;font-family:inherit;font-size:18px;font-weight:800;transition:transform 80ms;box-shadow:0 10px 24px #ff8a3f4d}.btn:active{transform:translateY(2px)scale(.99)}.btn.ghost{color:var(--ink);border:1px solid var(--card-border);box-shadow:none;background:0 0}.stage{text-align:center;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:20px;transition:background .12s;display:flex}.stage.ready{background:#ffffff08}.stage.wait{background:linear-gradient(160deg, var(--wait), #7f1010)}.stage.go{background:linear-gradient(160deg, var(--go), #0c7a35)}.stage.foul{background:linear-gradient(160deg,#7c3aed,#3b0a6b)}.bigmsg{font-size:40px;font-weight:900;line-height:1.2}.bigmsg.huge{font-size:60px}.sub{opacity:.9;font-size:16px}.ms{font-variant-numeric:tabular-nums;font-size:72px;font-weight:900}.zap{font-size:80px;animation:.5s infinite alternate zap}@keyframes zap{0%{transform:scale(1)rotate(-4deg)}to{transform:scale(1.15)rotate(4deg)}}.overlay-actions{justify-content:center;gap:10px;padding:0 16px;display:flex;position:fixed;bottom:22px;left:0;right:0}.duel{flex-direction:column;flex:1;display:flex}.half{cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;transition:background .12s;display:flex;position:relative}.half.top{border-bottom:3px solid #ffffff40;transform:rotate(180deg)}.half.wait{background:linear-gradient(160deg, var(--wait), #7f1010)}.half.go{background:linear-gradient(160deg, var(--go), #0c7a35)}.half.idle{background:#ffffff0a}.half.win{background:linear-gradient(160deg, var(--accent), var(--accent2));color:#2a1402}.half.lose{color:var(--muted);background:linear-gradient(160deg,#4b1d1d,#2a0f0f)}.pname{letter-spacing:1px;opacity:.85;font-size:14px}.pmsg{font-size:34px;font-weight:900}.center-pill{z-index:5;border:1px solid var(--card-border);background:#0009;border-radius:14px;padding:10px 16px;font-size:14px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.footer{text-align:center;color:var(--muted);padding:10px 16px 16px;font-size:11px;line-height:1.6}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}