:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#132026;color:#f9f4e8;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#132026}button{font:inherit}[hidden]{display:none!important}#stage,#stage canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#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(-1deg);color:#fff5d8;text-shadow:0 3px 0 #812f3e,0 8px 22px rgb(0 0 0 / 28%);pointer-events:none}.brand strong{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(28px,4.2vw,52px);line-height:.78;letter-spacing:.045em}.brand-kicker{margin-top:2px;padding:4px 6px;border:1px solid rgb(255 245 216 / 55%);font:700 9px/1 monospace;letter-spacing:.12em;writing-mode:vertical-rl}.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:1px solid rgb(255 255 255 / 18%);background:linear-gradient(145deg,#111f24f0,#173136e0);box-shadow:0 22px 70px #00000059,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.lobby-panel{bottom:clamp(18px,4vh,46px);width:min(880px,calc(100vw - 36px));padding:clamp(18px,2.6vw,30px);transform:translate(-50%);border-radius:22px 8px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.eyebrow{margin:0 0 5px;color:#f2c35e;font:800 11px/1.2 monospace;letter-spacing:.18em}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(24px,3.2vw,38px);line-height:1;letter-spacing:-.04em}.player-count{display:grid;width:58px;height:44px;place-items:center;border:1px solid rgb(255 255 255 / 22%);border-radius:50%;color:#f2c35e;font:900 17px/1 monospace;transform:rotate(5deg)}.slot-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.slot{display:flex;min-width:0;align-items:center;gap:10px;padding:11px;border:1px solid rgb(255 255 255 / 13%);border-radius:12px 4px;background:#ffffff0d;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:#f2c35e;background:#f2c35e17}.player-mark{--player-color: #fff;display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;border:2px solid rgb(255 255 255 / 70%);border-radius:50% 45% 48% 43%;background:var(--player-color);box-shadow:inset 0 -5px #00000026;color:#132026;font:950 13px/1 monospace;transform:rotate(-4deg)}.slot-details{display:flex;min-width:0;flex-direction:column;gap:2px}.slot-details strong,.slot-details small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-details strong{font-size:13px}.slot-details small{color:#b8c6c5;font-size:11px}.lobby-instruction{margin:15px 0 13px;padding:10px 13px;border-left:3px solid #f2c35e;background:#f2c35e14;color:#fff4d5;font-size:14px;font-weight:700}.controls{display:grid;grid-template-columns:1fr 1fr;gap:5px 22px;color:#b8c6c5;font-size:11px;line-height:1.45}.controls p{margin-bottom:0}.controls strong{color:#f9f4e8}.controls-note{grid-column:1 / -1;color:#d7dfdc}.match-hud{position:absolute;right:18px;top:18px}.match-hud ol{display:flex;margin:0;padding:0;gap:7px;list-style:none}.hud-player{display:flex;min-width:178px;align-items:center;gap:10px;padding:9px 13px 9px 9px;border:1px solid rgb(255 255 255 / 10%);border-left:4px solid var(--player-color, #fff);border-radius:4px 14px 14px 4px;background:linear-gradient(150deg,color-mix(in srgb,var(--player-color, #fff) 16%,rgb(12 22 26 / 90%)),#0c161ae5);box-shadow:0 10px 30px #00000052,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-player .player-mark{width:34px;height:34px;border-width:2px;border-radius:30% 42% 34% 44%;font-size:12px;box-shadow:inset 0 -4px #0003,0 2px 6px #0000004d}.hud-player--lost{border-color:#f2c35e}.hud-readout{display:flex;min-width:0;flex:1;flex-direction:column;align-items:stretch;gap:3px}.hud-percent{align-self:flex-start;color:#fff8df;font:950 clamp(26px,2.6vw,38px)/.82 "Arial Narrow",Impact,sans-serif;letter-spacing:-.04em;text-shadow:0 2px 0 rgb(0 0 0 / 40%);white-space:nowrap;transition:color .14s ease-out,transform .14s ease-out;transform-origin:left center}.hud-percent[data-tier=rising]{color:#ffe08a}.hud-percent[data-tier=high]{color:#ff9d5c;transform:scale(1.06)}.hud-percent[data-tier=critical]{color:#f55;transform:scale(1.14);text-shadow:0 0 10px rgb(255 70 70 / 65%),0 2px 0 rgb(0 0 0 / 35%)}.hud-score{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px}.hud-stocks{display:flex;gap:3px}.stock-icon{width:11px;height:11px;border:1px solid rgb(255 255 255 / 78%);border-radius:50% 46% 48% 42%;background:var(--player-color, #fff);box-shadow:inset 0 -2px #00000038,0 1px 3px #0000004d;transform:rotate(-8deg)}.stock-icon--lost{border-color:#fff3;background:transparent;box-shadow:none}.hud-wins{color:#f2c35e;font:900 9px/1 monospace;white-space:nowrap}.hud-state{overflow:hidden;padding-top:1px;border-top:1px solid rgb(255 255 255 / 8%);color:#e7eeeb;font:800 10px/1.35 monospace;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.hud-actions{display:flex;width:132px;align-items:center;gap:5px;flex-wrap:wrap}.hud-charge{width:42px;height:4px;overflow:hidden;border-radius:3px;background:#ffffff24}.hud-charge>span{display:block;height:100%;background:#f2c35e}.hud-charge--telegraph{box-shadow:0 0 0 1px #fff4d5;background:#f2c35e47}.hud-dodge{color:#879a98;font:800 8px/1 monospace;white-space:nowrap}.hud-dodge--active{color:#bcecf5}.hud-rocket{padding:2px 4px;border:1px solid rgb(116 231 255 / 35%);border-radius:4px 2px;color:#a8b9b8;font:900 8px/1 monospace;letter-spacing:.02em;white-space:nowrap}.hud-rocket--ready{border-color:#74e7ff;color:#c9f7ff;box-shadow:0 0 7px #74e7ff59}.hud-rocket--active{border-color:#fc6;background:#e65e373d;color:#ffe2a1}.hud-player--hit{animation:hud-instability-hit .36s ease-out}.hud-player--danger{animation:hud-danger-pulse .52s ease-in-out infinite}@keyframes hud-danger-pulse{0%,to{box-shadow:0 8px 24px #0003}50%{box-shadow:0 0 0 3px #ff5656c7,0 0 18px 4px #ff56568c}}.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 #ff5656c7}.danger-flash.is-active{animation:none;opacity:.5}}.round-banner{position:absolute;left:50%;top:42%;width:min(720px,calc(100vw - 32px));padding:18px 24px;transform:translate(-50%,-50%) rotate(-1deg);color:#fff5d8;font:950 clamp(34px,7vw,78px)/.95 Impact,"Arial Narrow Bold",sans-serif;letter-spacing:.015em;text-align:center;text-shadow:0 4px 0 #812f3e,0 14px 30px rgb(0 0 0 / 48%)}.round-banner[data-kind=round]{font-size:clamp(30px,5vw,58px)}.round-banner[data-kind=match]{border:1px solid rgb(242 195 94 / 55%);border-radius:24px 8px;background:#0d191dd6;box-shadow:0 18px 60px #00000057;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(25px,4.4vw,50px)}@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.09) rotate(-1deg)}to{background:#0d191dc7;box-shadow:0 8px 24px #0003;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);border-radius:20px 7px;overflow-y:auto;overscroll-behavior:contain;text-align:center}.pause-panel h2{margin-bottom:8px;font-size:clamp(27px,4vw,42px);letter-spacing:-.04em}.pause-panel>p:not(.eyebrow){margin-bottom:18px;color:#c5d1ce}.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:1px solid #f2c35e;border-radius:8px 3px;background:#f2c35e;color:#17272b;font-weight:850;cursor:pointer}.reclaim-button:hover,.reclaim-button:focus-visible{outline:3px solid rgb(242 195 94 / 30%);outline-offset:2px;background:#ffdb82}.fatal-error{position:absolute;left:50%;top:50%;width:min(520px,calc(100vw - 36px));margin:0;padding:18px;transform:translate(-50%,-50%);border:1px solid #ff5d73;border-radius:10px;background:#27151a;text-align:center}body[data-phase=playing] .brand,body[data-phase=paused] .brand{left:190px;top:22px;transform:none;opacity:.62}body[data-phase=playing] .brand strong,body[data-phase=paused] .brand strong{font-size:27px}@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}.match-hud ol{display:grid;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}}