:root{--bg: #0d1117;--wall: #5a6878;--brick: #b0703a;--flame: #ffa726;--flame-hot: #fff0a0;--ink: #e7edf5;--ink-dim: #8b97a8;--panel: rgba(16, 22, 31, .82);--panel-line: rgba(255, 255, 255, .09);--radius: 14px;--shadow: 0 24px 60px rgba(0, 0, 0, .55);--glass-bg: rgba(13, 17, 23, .72);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .06);--neon-amber: #ffb300;--neon-cyan: #00d2d3;--neon-red: #ff3d71;--glow-amber: rgba(255, 179, 0, .32);--glow-cyan: rgba(0, 210, 211, .28);--glow-red: rgba(255, 61, 113, .3);--glass-shadow: 0 0 0 1px var(--glass-highlight) inset, 0 4px 24px rgba(0, 0, 0, .6);scrollbar-gutter:stable;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,.results,.ranking{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;z-index:0}.layer{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overflow-y:auto;background:radial-gradient(125% 95% at 50% 0%,#0d111780,#0d1117d1);backdrop-filter:blur(2px);transition:opacity .35s ease,visibility .35s}.layer.hidden,.hidden{opacity:0;visibility:hidden;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.panel{width:min(440px,100%);background:var(--glass-bg);border:1px solid var(--glass-border);border-top:2px solid var(--neon-amber);border-radius:var(--radius);box-shadow:0 -1px 16px var(--glow-amber),var(--glass-shadow),var(--shadow);backdrop-filter:blur(14px) saturate(1.5);padding:clamp(20px,5vw,32px);animation:rise .45s cubic-bezier(.2,.9,.25,1) both}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.97)}}.brand h1{margin:0;font-size:clamp(2rem,9vw,2.9rem);font-weight:900;letter-spacing:-.04em;line-height:1;background:linear-gradient(100deg,var(--flame-hot),var(--flame) 45%,var(--brick));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px var(--glow-amber));animation:brand-breathe 4s ease-in-out infinite}@keyframes brand-breathe{50%{filter:drop-shadow(0 0 32px var(--glow-amber))}}.brand h1 span{color:transparent;opacity:.62}.tagline{margin:8px 0 0;color:var(--ink-dim);font-size:.92rem;line-height:1.45}#join-form{display:flex;flex-direction:column;gap:10px;margin:22px 0 6px}input[type=text]{font-size:16px;font-family:inherit;color:var(--ink);background:#00000059;border:1px solid var(--panel-line);border-radius:10px;padding:14px;min-height:48px;width:100%;transition:border-color .18s,box-shadow .18s}input[type=text]::placeholder{color:#5d6878}input[type=text]:focus-visible{outline:none;border-color:var(--neon-amber);box-shadow:0 0 0 3px #ffa7262e,0 0 16px var(--glow-amber)}button{font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;border:0;border-radius:10px;min-height:48px;padding:0 18px;color:#17110a;background:linear-gradient(145deg,var(--flame-hot),var(--neon-amber) 60%,var(--flame));box-shadow:0 4px 18px var(--glow-amber);transition:transform .12s ease,filter .18s ease,box-shadow .18s ease}button:hover{filter:brightness(1.08);box-shadow:0 6px 26px var(--glow-amber)}button:active{transform:translateY(1px) scale(.99)}button:focus-visible{outline:2px solid var(--flame-hot);outline-offset:2px}@media(hover:hover)and (pointer:fine){button:hover{transform:translateY(-1px)}button:active{transform:translateY(0) scale(.99)}.char-card:hover{border-color:#ffb30073}#ranking-list li:hover{background:#ffa7260f;box-shadow:inset 3px 0 0 var(--neon-amber)}}button:disabled{opacity:.55;cursor:progress}.error{margin:2px 0 0;min-height:1.2em;color:#ff8a80;font-size:.86rem}.picker h2{margin:20px 0 8px;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.char-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}.char-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;border:1px solid var(--panel-line);border-radius:10px;background:#00000040;color:var(--ink-dim);font-size:.76rem;font-weight:600;min-height:88px}.char-card img{width:56px;height:56px;image-rendering:auto}.char-card[aria-checked=true]{border-color:var(--neon-amber);background:#ffa7261f;color:var(--ink);box-shadow:0 0 14px var(--glow-amber)}.ranking h2{margin:18px 0 8px;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}#ranking-list,.results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:190px;overflow-y:auto}#ranking-list li,.results li{display:grid;grid-template-columns:1.6rem 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:.9rem;font-variant-numeric:tabular-nums;background:#ffffff07}#ranking-list li .pos,.results li .pos{color:var(--ink-dim);font-weight:700;text-align:right}#ranking-list li .who,.results li .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ranking-list li .score,.results li .score{color:var(--ink-dim);font-size:.82rem}#ranking-list li.me,.results li.me{background:#ffa72621;box-shadow:inset 0 0 0 1px #ffa7264d,0 0 10px var(--glow-amber)}li.empty{display:block!important;color:var(--ink-dim);font-size:.86rem;background:none!important}.hints{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--panel-line)}.hints p{margin:0;color:var(--ink-dim);font-size:.78rem;line-height:1.6}kbd{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;padding:2px 6px;border-radius:5px;border:1px solid var(--panel-line);background:#ffffff0d;color:var(--ink)}@media(hover:none),(max-height:520px){.hints{display:none}}#hud{z-index:10;display:block;padding:0;background:none;backdrop-filter:none;pointer-events:none;overflow:visible}.hud-top{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:92vw}.timer{font-size:clamp(1.4rem,5vw,2rem);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em;padding:4px 16px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(8px);text-shadow:0 2px 10px rgba(0,0,0,.6)}.timer.urgent{color:var(--neon-red);border-color:#ff3d7180;box-shadow:0 0 20px var(--glow-red);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.06)}}.phase-banner,.status{font-size:.86rem;font-weight:600;color:var(--ink-dim);text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.8)}.phase-banner:empty,.status:empty{display:none}.phase-banner{color:var(--flame);text-shadow:0 0 12px var(--glow-amber)}.scoreboard{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:3px;max-width:40vw}.score-row{display:flex;align-items:center;gap:7px;padding:3px 9px 3px 5px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:inset 3px 0 0 var(--player-color, transparent);backdrop-filter:blur(6px);font-size:.78rem;line-height:1.4;transition:opacity .3s}.score-row .dot{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 7px currentColor}.score-row .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-row .bot{color:var(--ink-dim);font-size:.68rem;flex:none}.score-row.dead{opacity:.35}.score-row.dead .nm{text-decoration:line-through}.score-row.you{border-color:#ffffff40;box-shadow:inset 3px 0 0 var(--player-color, transparent),0 0 10px #ffffff12}.powerups{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));display:flex;gap:6px}.pu{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(6px);font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums}.pu .ic{width:9px;height:9px;border-radius:2px}.nametags{position:absolute;inset:0;overflow:hidden}@media(max-width:560px){.scoreboard{top:auto;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 170px);left:50%;transform:translate(-50%);flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:94vw;gap:4px}.score-row .bot{display:none}.powerups{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 172px);left:50%;transform:translate(-50%)}}.tag{position:absolute;transform:translate(-50%,-100%);font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:5px;background:#0d1117c7;border:1px solid rgba(255,255,255,.08);white-space:nowrap;text-shadow:0 0 8px currentColor,0 1px 3px #000;will-change:transform}.touch{position:fixed;inset:auto 0 0;z-index:15;display:flex;align-items:flex-end;justify-content:space-between;padding:0 max(14px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right));pointer-events:none}@media(hover:hover)and (pointer:fine){.touch{display:none!important}}.pad-area{position:relative;width:156px;height:156px;pointer-events:auto}.dpad{position:absolute;inset:0}.dpad.hidden,.stick.hidden{display:none}.stick{position:absolute;left:50%;top:50%;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;background:#5a687842;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);touch-action:none}.stick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#ffa72657;border:2px solid var(--flame);will-change:transform}.stick-knob.snap-back{transition:transform .12s ease-out}.dbtn{position:absolute;width:52px;height:52px;padding:0;border-radius:12px;background:#5a687857;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);touch-action:none}.dbtn:after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border:7px solid transparent}.dbtn.up{top:0;left:52px}.dbtn.up:after{border-bottom-color:var(--ink);transform:translateY(-3px)}.dbtn.down{bottom:0;left:52px}.dbtn.down:after{border-top-color:var(--ink);transform:translateY(3px)}.dbtn.left{left:0;top:52px}.dbtn.left:after{border-right-color:var(--ink);transform:translate(-3px)}.dbtn.right{right:0;top:52px}.dbtn.right:after{border-left-color:var(--ink);transform:translate(3px)}.dbtn.on{background:#ffa72680}.bomb-btn{pointer-events:auto;width:84px;height:84px;border-radius:50%;background:#ffa7263d;border:2px solid var(--flame);display:grid;place-items:center;touch-action:none}.bomb-btn span{width:34px;height:34px;border-radius:50%;background:#1a1f27;box-shadow:inset -3px -3px #ffffff1f}.bomb-btn:active{background:#ffa72680}.reset-btn{position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);margin-left:96px;z-index:16;min-height:34px;padding:0 12px;font-size:.78rem;font-weight:600;color:var(--ink-dim);background:var(--panel);border:1px solid var(--panel-line);border-radius:999px;backdrop-filter:blur(6px)}.reset-btn.hidden{display:none}.vote{position:fixed;top:max(58px,calc(env(safe-area-inset-top) + 58px));left:50%;transform:translate(-50%);z-index:17;width:min(320px,calc(100vw - 24px));padding:14px 16px;background:var(--glass-bg);border:1px solid var(--neon-amber);border-radius:var(--radius);box-shadow:0 0 22px var(--glow-amber),var(--shadow);backdrop-filter:blur(12px) saturate(1.4);text-align:center}.vote.hidden{display:none}.vote-title{margin:0 0 10px;font-size:.92rem;font-weight:700}.vote-bar{height:4px;border-radius:999px;background:#ffffff1a;overflow:hidden}.vote-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--neon-amber),var(--flame-hot));box-shadow:0 0 8px var(--glow-amber);transition:width 1s linear}.vote-tally{margin:8px 0 10px;font-size:.82rem;color:var(--ink-dim);font-variant-numeric:tabular-nums}.vote-actions{display:flex;gap:8px}.vote-actions button{flex:1;min-height:40px;font-size:.88rem}.vote-no{color:var(--ink);background:#ffffff14;border:1px solid var(--panel-line)}.vote-actions.hidden{display:none}.settings-btn{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:22;width:44px;height:44px;border-radius:12px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--ink-dim);font-size:1.15rem;line-height:1;backdrop-filter:blur(8px);transition:color .18s,border-color .18s,box-shadow .18s}.settings-btn:hover,.settings-btn[aria-expanded=true]{color:var(--ink);border-color:var(--neon-amber);box-shadow:0 0 12px var(--glow-amber)}.settings-panel{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:25;display:flex;flex-direction:column;width:min(320px,calc(100vw - 20px));max-height:calc(100dvh - 24px - env(safe-area-inset-bottom));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);backdrop-filter:blur(16px) saturate(1.5);box-shadow:var(--glass-shadow),0 24px 60px #000000a6;overflow:hidden;animation:settings-enter .22s cubic-bezier(.2,.9,.25,1) both}.settings-panel.hidden{display:none}@keyframes settings-enter{0%{opacity:0;transform:translateY(-8px) scale(.97)}}@media(max-width:560px){.settings-panel{top:auto;right:0;bottom:0;width:100%;max-height:85dvh;border-radius:var(--radius) var(--radius) 0 0;padding-bottom:env(safe-area-inset-bottom);animation:settings-enter-mobile .25s cubic-bezier(.2,.9,.25,1) both}@keyframes settings-enter-mobile{0%{opacity:0;transform:translateY(24px)}}}.sp-header{flex:none;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--glass-border);background:linear-gradient(to bottom,rgba(255,179,0,.08),transparent 80%)}.sp-title{margin:0;font-size:.96rem;font-weight:700;letter-spacing:.04em;color:var(--neon-amber);text-shadow:0 0 12px var(--glow-amber)}.sp-close{width:32px;height:32px;min-height:unset;padding:0;border-radius:8px;border:1px solid var(--glass-border);background:transparent;color:var(--ink-dim);font-size:.95rem;line-height:1}.sp-close:hover{color:var(--ink);border-color:var(--neon-amber)}.sp-body{flex:1;overflow-y:auto;padding:4px 0 8px}.sp-section{padding:12px 16px}.sp-section.hidden{display:none}.sp-section+.sp-section{border-top:1px solid var(--glass-border)}.sp-section-label{margin:0 0 8px;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--neon-cyan);text-shadow:0 0 8px var(--glow-cyan)}.sp-row{display:flex;align-items:center;gap:10px;min-height:40px}.sp-row.hidden{display:none}.sp-lbl{flex:1;min-width:0;font-size:.88rem;color:var(--ink)}.sp-val{width:44px;text-align:right;font-size:.78rem;color:var(--ink-dim);font-variant-numeric:tabular-nums}.sp-select{min-width:120px;padding:6px 10px;border-radius:8px;border:1px solid var(--glass-border);background:#00000059;color:var(--ink);font-family:inherit;font-size:.86rem;cursor:pointer}.sp-select:focus-visible{outline:none;border-color:var(--neon-amber);box-shadow:0 0 0 2px var(--glow-amber)}.sp-radio-group{display:flex;flex-direction:column;gap:2px}.sp-radio{display:flex;align-items:center;gap:10px;min-height:40px;padding:2px 8px;border-radius:8px;font-size:.88rem;cursor:pointer;transition:background .14s}.sp-radio:hover{background:#ffffff0d}.sp-radio input[type=radio]{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;flex:none;position:relative;border:2px solid var(--glass-border);border-radius:50%;transition:border-color .14s,box-shadow .14s}.sp-radio input[type=radio]:checked{border-color:var(--neon-amber);box-shadow:0 0 8px var(--glow-amber)}.sp-radio input[type=radio]:checked:after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--neon-amber)}.sp-slider{flex:1;appearance:none;-webkit-appearance:none;height:4px;border-radius:99px;background:#ffffff1f;outline:none;cursor:pointer}.sp-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--neon-amber);box-shadow:0 0 8px var(--glow-amber)}.sp-slider::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:var(--neon-amber);box-shadow:0 0 8px var(--glow-amber)}.sp-slider:focus-visible{outline:none;box-shadow:0 0 0 2px var(--glow-amber)}.sp-toggle{min-height:unset;padding:0;border:none;background:transparent;cursor:pointer}.toggle-track{display:block;position:relative;width:44px;height:24px;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff1f;transition:background .2s,border-color .2s,box-shadow .2s}.sp-toggle[aria-checked=true] .toggle-track{background:#ffb30040;border-color:var(--neon-amber);box-shadow:0 0 10px var(--glow-amber)}.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--ink-dim);transition:transform .2s ease,background .2s}.sp-toggle[aria-checked=true] .toggle-thumb{transform:translate(20px);background:var(--neon-amber)}.results li{grid-template-columns:1.6rem 1fr auto}.results .medal{font-size:1rem;text-align:center}.next-hint{margin:16px 0 0;text-align:center;color:var(--ink-dim);font-size:.82rem}#result-title{margin:0;font-size:clamp(1.4rem,6vw,2rem);font-weight:900;letter-spacing:-.03em}#result-title.win{color:var(--neon-amber);text-shadow:0 0 24px var(--glow-amber);animation:win-pulse 2s ease-in-out infinite}@keyframes win-pulse{50%{text-shadow:0 0 46px var(--glow-amber),0 0 6px rgba(255,240,160,.6)}}.results{margin-top:16px;max-height:44vh}.toast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;padding:11px 18px;border-radius:999px;background:#8b2f2fe0;border:1px solid rgba(255,61,113,.4);backdrop-filter:blur(10px);font-size:.86rem;font-weight:600;box-shadow:0 0 18px var(--glow-red),var(--shadow);transition:opacity .3s,visibility .3s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}