:root{color-scheme:dark;--ink: #07090f;--ink-2: #10131c;--panel-edge: rgb(255 255 255 / 14%);--cream: #f3eee3;--muted: #9aa3b5;--amber: #ffb400;--amber-hot: #ffcf4d;--coral: #ff4d6d;--cyan: #4de4ff;--font-display: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Black", sans-serif;--font-ui: "Trebuchet MS", "Segoe UI", sans-serif;--font-mono: Consolas, "Courier New", ui-monospace, monospace;--bevel: 2px 14px 2px 14px;--pop: cubic-bezier(.2, .9, .2, 1);font-family:var(--font-ui);background:var(--ink);color:var(--cream);font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(ellipse 90% 70% at 50% -10%,rgb(255 180 0 / 16%),transparent 55%),radial-gradient(ellipse 60% 50% at 110% 80%,rgb(255 77 109 / 12%),transparent 50%),radial-gradient(ellipse 50% 40% at -10% 60%,rgb(77 228 255 / 10%),transparent 45%),linear-gradient(165deg,#0b0e16,#07090f 45%,#0f121c);color:var(--cream)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.07;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgb(0 0 0 / 55%) 2px,rgb(0 0 0 / 55%) 3px);mix-blend-mode:multiply}body:after{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;pointer-events:none;opacity:.35;background:conic-gradient(from 210deg at 70% 30%,transparent 0 70%,rgb(255 180 0 / 8%) 70% 100%),radial-gradient(circle at 20% 80%,rgb(77 228 255 / 8%),transparent 35%);animation:atmosphere-drift 18s var(--pop) infinite alternate}@keyframes atmosphere-drift{0%{transform:translate3d(-1.5%,0,0) rotate(-1deg)}to{transform:translate3d(1.5%,1%,0) rotate(1deg)}}button{font:inherit}[hidden]{display:none!important}#stage,#stage canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}#stage canvas{display:block}.brand{position:fixed;z-index:10;top:22px;left:50%;display:flex;align-items:flex-start;gap:12px;transform:translate(-50%) rotate(-1.5deg);color:var(--cream);text-shadow:0 3px 0 #5a1a28,0 10px 28px rgb(0 0 0 / 45%);pointer-events:none}.brand strong{font-family:var(--font-display);font-size:clamp(34px,5vw,64px);font-weight:400;line-height:.82;letter-spacing:.06em}.brand-kicker{margin-top:4px;padding:6px 7px;border:2px solid var(--amber);background:#07090fbf;color:var(--amber);font:700 10px/1 var(--font-mono);letter-spacing:.16em;writing-mode:vertical-rl;box-shadow:4px 4px #ffb40040}.local-back{position:fixed;z-index:30;top:20px;left:20px;display:inline-flex;align-items:center;gap:6px;padding:12px 16px;border:2px solid rgb(255 255 255 / 2%);background:#07090fd1;color:var(--cream);font:700 15px/1 var(--font-ui);letter-spacing:.04em;text-decoration:none;pointer-events:auto;box-shadow:4px 4px #ffb40005;transition:border-color .14s ease,transform .14s var(--pop),background .14s ease}.local-back:hover,.local-back:focus-visible{border-color:var(--amber);background:#ffb40024;outline:none;transform:translate(-2px,-2px)}body[data-phase=playing] .local-back,body[data-phase=paused] .local-back{display:none}.lobby-sub{margin:10px 0 0;max-width:36ch;color:var(--muted);font:600 15px/1.4 var(--font-ui)}.interface{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;pointer-events:none}.lobby-panel,.pause-panel{position:absolute;left:50%;border:2px solid var(--panel-edge);border-radius:var(--bevel);background:linear-gradient(145deg,#101420f5,#0a0c14f0);box-shadow:0 24px 70px #00000073,inset 0 1px #ffffff1a,6px 6px #ffb4002e;pointer-events:auto}.lobby-panel{bottom:clamp(18px,4vh,46px);width:min(920px,calc(100vw - 36px));padding:clamp(22px,3vw,36px);transform:translate(-50%)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.eyebrow{margin:0 0 8px;color:var(--amber);font:700 12px/1.2 var(--font-mono);letter-spacing:.2em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-family:var(--font-display);font-size:clamp(34px,4.5vw,52px);font-weight:400;line-height:.95;letter-spacing:.04em}.player-count{display:grid;width:58px;height:44px;place-items:center;border:2px solid var(--amber);border-radius:4px;color:var(--ink);background:var(--amber);font:700 16px/1 var(--font-mono);transform:rotate(4deg);box-shadow:3px 3px #00000059}.slot-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.slot{display:flex;gap:10px;min-width:0;padding:12px;border:2px solid rgb(255 255 255 / 12%);border-radius:4px;background:#ffffff0a;transition:border-color .16s ease,background .16s ease}.slot--ready{border-color:color-mix(in srgb,var(--player-color, #fff) 55%,transparent);background:#ffffff17}.slot--lost{border-color:var(--amber);background:#ffb40017}.player-mark{--player-color: #fff;display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:2px solid rgb(255 255 255 / 55%);border-radius:6px;background:var(--player-color);color:var(--ink);font:700 13px/1 var(--font-mono);box-shadow:inset 0 -4px #0000002e}.slot-details{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.slot-details strong{font-size:15px}.slot-details small{color:var(--muted);font-size:13px}.lobby-instruction{margin:18px 0 16px;padding:14px 16px;border-left:4px solid var(--amber);background:#ffb4001a;color:#fff4d5;font-size:16px;font-weight:700;line-height:1.35}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;color:var(--muted);font-size:13px;line-height:1.5}.controls p{margin-bottom:0}.controls strong{color:var(--cream)}.controls-note{grid-column:1 / -1;color:#c5cede}.match-hud{position:absolute;left:50%;top:14px;width:min(920px,calc(100vw - 24px));transform:translate(-50%)}.match-hud ol{display:grid;margin:0;padding:8px;gap:8px;list-style:none;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));border:2px solid rgb(255 255 255 / 12%);border-radius:4px;background:linear-gradient(180deg,#07090fd1,#0c0f18b8);box-shadow:0 12px 40px #00000059,inset 0 0 0 1px #ffb4001f}.hud-player{display:flex;min-width:0;align-items:center;gap:10px;padding:8px 10px 8px 8px;border:2px solid rgb(255 255 255 / 10%);border-left:5px solid var(--player-color, #fff);border-radius:3px;background:linear-gradient(120deg,color-mix(in srgb,var(--player-color, #fff) 22%,transparent),#0a0c148c 55%)}.hud-player .player-mark{width:34px;height:34px;border-width:2px;border-radius:4px;font-size:12px;box-shadow:inset 0 -4px #0003,0 2px 6px #0000004d}.hud-player--lost{border-color:var(--amber);opacity:.72;filter:grayscale(.35)}.hud-readout{display:flex;min-width:0;flex:1;flex-direction:column;align-items:stretch;gap:3px}.hud-percent{color:var(--cream);font:700 clamp(18px,2.4vw,26px)/1 var(--font-display);letter-spacing:.04em}.hud-percent[data-tier=rising]{color:var(--amber-hot)}.hud-percent[data-tier=high]{color:#ff8a3d}.hud-percent[data-tier=critical]{color:var(--coral);text-shadow:0 0 12px rgb(255 77 109 / 45%)}.hud-score{display:flex;align-items:center;justify-content:space-between;gap:8px}.hud-stocks{display:flex;gap:3px}.stock-icon{width:10px;height:10px;border:1px solid var(--cream);border-radius:1px;background:var(--cream);box-shadow:1px 1px #00000059}.stock-icon--lost{background:transparent;opacity:.35}.hud-wins{color:var(--amber);font:700 10px/1 var(--font-mono);letter-spacing:.08em}.hud-state{overflow:hidden;color:var(--muted);font:600 10px/1.2 var(--font-mono);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.hud-actions{display:flex;flex-wrap:wrap;gap:4px;width:min(140px,36vw)}.hud-charge{display:block;height:4px;overflow:hidden;border:1px solid rgb(255 255 255 / 20%);background:#00000059}.hud-charge>span{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--coral))}.hud-charge--telegraph{box-shadow:0 0 8px #ffb4008c}.hud-dodge{color:var(--muted);font:700 8px/1 var(--font-mono);white-space:nowrap}.hud-dodge--active{color:var(--cyan)}.hud-rocket{padding:2px 4px;border:1px solid rgb(77 228 255 / 45%);border-radius:2px;color:#a8b9b8;font:700 8px/1 var(--font-mono);letter-spacing:.02em;white-space:nowrap}.hud-rocket--ready{border-color:var(--cyan);color:#c9f7ff;box-shadow:0 0 7px #4de4ff59}.hud-rocket--active{border-color:var(--amber);background:#e65e373d;color:#ffe2a1}.hud-player--hit{animation:hud-instability-hit .36s var(--pop)}.hud-player--danger{animation:hud-danger-pulse .52s ease-in-out infinite}@keyframes hud-danger-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px #ff4d6dc7,0 0 18px 4px #ff4d6d73}}.danger-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 52%,rgb(214 44 44 / 42%) 100%)}.danger-flash.is-active{animation:danger-flash-pulse .62s ease-in-out infinite}@keyframes danger-flash-pulse{0%,to{opacity:.25}50%{opacity:.75}}@media(prefers-reduced-motion:reduce){.hud-player--danger{animation:none;box-shadow:0 0 0 3px #ff4d6dc7}.danger-flash.is-active{animation:none;opacity:.5}body:after{animation:none}}.round-banner{position:absolute;left:50%;top:42%;width:min(720px,calc(100vw - 32px));padding:18px 24px;transform:translate(-50%,-50%) rotate(-1.5deg);color:var(--cream);font:400 clamp(40px,8vw,88px)/.9 var(--font-display);letter-spacing:.04em;text-align:center;text-shadow:0 4px 0 #5a1a28,0 14px 30px rgb(0 0 0 / 48%)}.round-banner[data-kind=countdown]{color:var(--amber);text-shadow:0 4px 0 #3a2200,0 0 40px rgb(255 180 0 / 35%);animation:countdown-punch .52s var(--pop)}@keyframes countdown-punch{0%{transform:translate(-50%,-50%) rotate(-1.5deg) scale(1.35);opacity:0}60%{transform:translate(-50%,-50%) rotate(-1.5deg) scale(.96);opacity:1}to{transform:translate(-50%,-50%) rotate(-1.5deg) scale(1)}}.round-banner[data-kind=round]{font-size:clamp(34px,5.5vw,64px)}.podium-banner{position:absolute;left:50%;top:12%;transform:translate(-50%) rotate(-1.5deg);padding:10px 22px;color:var(--ink);background:var(--amber);border:2px solid #fff;border-radius:4px;font:400 clamp(28px,4.5vw,56px)/1 var(--font-display);letter-spacing:.05em;text-align:center;box-shadow:6px 6px #00000073;pointer-events:none}.podium-banner[hidden]{display:none}.round-banner[data-kind=match]{border:2px solid var(--amber);border-radius:4px;background:#07090fe0;box-shadow:0 18px 60px #00000057,6px 6px #ffb40040;font-size:clamp(28px,4.4vw,54px)}@keyframes hud-instability-hit{0%{background:color-mix(in srgb,var(--player-color, #fff) 72%,#fff);box-shadow:0 0 0 5px color-mix(in srgb,var(--player-color, #fff) 34%,transparent);transform:scale(1.06)}to{background:transparent;box-shadow:none;transform:none}}.pause-panel{top:50%;width:min(510px,calc(100vw - 36px));max-height:calc(100dvh - 32px);padding:30px;transform:translate(-50%,-50%) rotate(-.5deg);overflow-y:auto;overscroll-behavior:contain;text-align:center}.pause-panel h2{margin-bottom:8px;font-family:var(--font-display);font-size:clamp(30px,4vw,46px);font-weight:400;letter-spacing:.04em}.pause-panel>p:not(.eyebrow){margin-bottom:18px;color:var(--muted)}.reclaim-list{display:grid;max-height:min(38dvh,320px);gap:8px;padding:3px;overflow-y:auto;overscroll-behavior:contain}.reclaim-list:empty{display:none}.reclaim-list--lobby{max-height:min(22dvh,170px);margin:-4px 0 13px}.reclaim-button{padding:11px 16px;border:2px solid var(--amber);border-radius:3px;background:var(--amber);color:var(--ink);font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:3px 3px #00000059;transition:transform .12s var(--pop),background .12s ease}.reclaim-button:hover,.reclaim-button:focus-visible{outline:none;background:var(--amber-hot);transform:translate(-1px,-1px);box-shadow:4px 4px #00000059}.fatal-error{position:absolute;left:50%;top:50%;width:min(520px,calc(100vw - 36px));margin:0;padding:18px;transform:translate(-50%,-50%);border:2px solid var(--coral);border-radius:4px;background:#27151a;text-align:center}body[data-phase=playing] .brand,body[data-phase=paused] .brand{left:190px;top:22px;transform:none;opacity:.55}body[data-phase=playing] .brand strong,body[data-phase=paused] .brand strong{font-size:28px}@media(max-width:820px){.brand{top:14px}.lobby-panel{bottom:12px;max-height:calc(100vh - 112px);overflow-y:auto}.pause-panel{max-height:calc(100dvh - 20px);padding:22px 18px}.slot-list{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{grid-template-columns:1fr}.controls-note{grid-column:auto}.match-hud{left:8px;right:8px;top:8px;width:auto;transform:none}.match-hud ol{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-player{min-width:0;padding-right:7px}.hud-actions{width:min(132px,34vw)}.round-banner{top:50%}body[data-phase=playing] .brand,body[data-phase=paused] .brand{display:none}}@media(max-height:650px)and (min-width:821px){.brand{top:10px}.lobby-panel{bottom:10px;padding:16px 20px}.panel-heading{margin-bottom:10px}.slot{padding:8px}.lobby-instruction{margin:9px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}