:root{color-scheme:dark;--ink: #eefcf8;--muted: #8ca6aa;--mint: #61ead1;--gold: #ffcf70;--red: #ff5975;--line: rgba(130, 226, 214, .24);--panel: rgba(7, 14, 21, .82);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#070b13;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#070b13}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#app{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.16;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px),linear-gradient(90deg,rgba(255,85,117,.035),transparent 32%,rgba(97,234,209,.035) 68%,transparent);mix-blend-mode:screen}.topbar{position:absolute;z-index:8;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;pointer-events:none}.brand{display:flex;align-items:baseline;gap:12px;letter-spacing:.2em}.brand b{font-size:13px}.brand span{color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.actions{display:flex;gap:7px;pointer-events:auto}.actions button,.help-sheet button{min-height:38px;padding:9px 12px;border:1px solid var(--line);background:#060e15c2;color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.actions button:hover,.help-sheet button:hover{border-color:var(--mint);color:var(--mint);background:#113036d6}.scoreboard{position:absolute;z-index:4;top:78px;left:50%;width:min(500px,calc(100vw - 32px));transform:translate(-50%);display:grid;grid-template-columns:1fr 1.25fr 1fr;background:linear-gradient(90deg,#08131940,#081319e6 23% 77%,#08131940);border:1px solid var(--line);box-shadow:0 18px 60px #00000052}.team{min-height:88px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:end;column-gap:12px;padding:14px 20px}.team span{align-self:end;color:var(--mint);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.team strong{grid-row:1 / 3;grid-column:2;align-self:center;justify-self:end;font:400 clamp(36px,5vw,58px)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.team small{color:var(--muted);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;white-space:nowrap}.rival-team span{color:var(--red)}.rival-team strong{color:#ffdce2}.score-core{display:flex;flex-direction:column;align-items:center;justify-content:center;border-inline:1px solid var(--line);background:#030a0fc2}.score-core span,.score-core b{font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.score-core span{color:var(--muted)}.score-core b{margin-top:7px;color:var(--gold);font-weight:600}.score-core i{width:36px;height:2px;margin-top:9px;background:linear-gradient(90deg,transparent,var(--mint),transparent)}.telemetry{position:absolute;z-index:4;top:112px;left:28px;width:min(310px,calc(100vw - 56px));padding:16px;border:1px solid var(--line);border-left:2px solid var(--mint);background:var(--panel);backdrop-filter:blur(12px)}.telemetry-head{display:flex;justify-content:space-between;margin-bottom:17px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.telemetry-head span{color:var(--mint)}.telemetry-head b{color:var(--muted);font-weight:500}.meter{display:grid;grid-template-columns:92px 1fr 28px;gap:8px;align-items:center;margin:10px 0;color:var(--muted);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.meter>div{height:3px;background:#85bcbd29;overflow:hidden}.meter i{display:block;width:0;height:100%;background:var(--mint);box-shadow:0 0 8px var(--mint);transition:width .08s linear}.meter strong{color:var(--ink);text-align:right;font-weight:500}.pressure-meter i{background:var(--gold);box-shadow:0 0 8px var(--gold)}.action-readout{margin:15px -16px -16px;padding:12px 16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.action-readout span{color:var(--muted)}.action-readout b{color:var(--gold);font-weight:500;text-align:right}.wave-radar{position:absolute;z-index:4;top:102px;right:28px;width:220px;padding:15px;background:var(--panel);border:1px solid var(--line);text-align:right}.wave-radar>span{color:var(--red);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.radar-line{position:relative;height:3px;margin:16px 0 12px;background:linear-gradient(90deg,#ff597529,#ffffff8c 50%,#ff597529)}.radar-line:before,.radar-line:after{content:"";position:absolute;top:-3px;width:1px;height:9px;background:#ffffff61}.radar-line:before{left:50%}.radar-line:after{right:0}#radar-marker{position:absolute;top:-5px;left:50%;width:3px;height:13px;background:var(--gold);box-shadow:0 0 12px var(--gold);transform:translate(-50%);transition:left .08s linear}.wave-radar strong{display:block;color:var(--ink);font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.wave-radar small{display:block;margin-top:7px;color:var(--muted);font:15px ui-monospace,SFMono-Regular,Menlo,monospace}.wave-radar small.urgent{color:var(--red);animation:clock-pulse .8s steps(2) infinite}.callout{position:absolute;z-index:7;left:50%;top:29%;transform:translate(-50%);padding:10px 17px;border:1px solid currentColor;background:#060e14e0;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;white-space:nowrap;box-shadow:0 8px 35px #00000057}.callout[hidden]{display:none}.risk-ribbon{position:absolute;z-index:4;left:50%;bottom:24px;transform:translate(-50%);width:max-content;max-width:calc(100vw - 40px);padding:9px 14px;background:#050c12b8;border:1px solid var(--line);color:var(--muted);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-align:center}.screen{position:absolute;z-index:12;inset:0;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 45%,#070e1547,#03070ce0)}.screen[hidden],.help-sheet[hidden]{display:none}.screen-card{width:min(620px,100%);padding:clamp(25px,5vw,48px);border:1px solid var(--line);border-top:2px solid var(--mint);background:linear-gradient(145deg,#0b1920f5,#040a10fa);box-shadow:0 35px 110px #0000009e,0 0 70px #3dbfb114}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--mint);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.eyebrow i{width:28px;height:1px;background:var(--mint);box-shadow:0 0 8px var(--mint)}.screen-card h1{margin:22px 0 18px;font-size:clamp(42px,8vw,76px);line-height:.9;letter-spacing:-.07em}.screen-card h1 em{color:var(--mint);font-style:normal}.screen-card h2{margin:18px 0 12px;font-size:clamp(31px,5vw,48px);line-height:1;letter-spacing:-.05em}.screen-card>p{max-width:510px;margin:0 0 24px;color:var(--muted);font-size:13px;line-height:1.7}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 0 25px;background:var(--line);border:1px solid var(--line)}.control-grid div{padding:13px;background:#09151c}.control-grid b,.control-grid span{display:block;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em}.control-grid b{color:var(--ink)}.control-grid span{margin-top:5px;color:var(--mint)}.primary,.secondary{width:100%;min-height:49px;padding:14px 17px;border:1px solid var(--mint);background:var(--mint);color:#041413;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;transition:box-shadow .2s,background .2s}.primary{display:flex;justify-content:space-between;align-items:center}.primary span{font-size:19px}.primary:hover{background:#a0ffe9;box-shadow:0 0 35px #61ead142}.secondary{margin-top:9px;background:transparent;border-color:var(--line);color:var(--muted)}.secondary:hover{color:var(--ink);border-color:var(--muted)}.best-line{margin:17px 0 0!important;color:var(--gold)!important;font:8px ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.12em}.compact{width:min(470px,100%)}.end-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 24px;background:var(--line)}.end-stats span{padding:12px;background:#09151c;color:var(--muted);font:7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.end-stats b{display:block;margin-bottom:4px;color:var(--mint);font-size:16px;font-weight:500}.help-sheet{position:absolute;z-index:18;top:72px;right:28px;width:min(390px,calc(100vw - 32px));padding:22px;background:#050d13f7;border:1px solid var(--line);box-shadow:0 24px 70px #0000008c}.help-sheet h2{margin:14px 0 11px;font-size:25px;letter-spacing:-.04em}.help-sheet p{color:var(--muted);font-size:11px;line-height:1.65}.help-sheet b{color:var(--ink)}.help-sheet button{margin-top:6px}.touch-controls{display:none;position:absolute;z-index:6;inset:auto 18px 62px;justify-content:space-between;pointer-events:none}.grip-pad{position:relative;width:min(34vw,148px);height:96px;padding:0;border:1px solid rgba(97,234,209,.4);background:#05121899;color:var(--mint);pointer-events:auto;touch-action:none;backdrop-filter:blur(4px)}.grip-pad span{position:absolute;top:8px;left:10px;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.grip-pad i,.grip-pad b{position:absolute;left:50%;top:58%;width:24px;height:24px;border:2px solid var(--mint);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #61ead180}.right-pad{border-color:#ffcf706b;color:var(--gold)}.right-pad b{border-color:var(--gold);box-shadow:0 0 14px #ffcf7080}.grip-pad.pressed{background:#184748d1}@keyframes clock-pulse{50%{opacity:.45}}@media(pointer:coarse),(max-width:720px){.topbar{padding:13px 14px}.brand span{display:none}.actions{gap:4px}.actions button{min-height:34px;padding:7px 8px;font-size:7px}.scoreboard{top:58px;width:calc(100vw - 24px)}.team{min-height:68px;padding:9px 11px;column-gap:7px}.team strong{font-size:37px}.team small{display:none}.score-core span{font-size:6px}.score-core b{font-size:7px}.telemetry{top:auto;left:14px;bottom:172px;width:min(255px,calc(100vw - 28px));padding:11px}.telemetry-head{margin-bottom:8px}.action-readout{display:none}.meter{grid-template-columns:78px 1fr 22px;margin:7px 0}.wave-radar{top:138px;right:14px;width:145px;padding:10px}.wave-radar>span{font-size:6px}.wave-radar strong{font-size:8px}.wave-radar small{font-size:12px}.radar-line{margin-block:11px 8px}.risk-ribbon{display:none}.touch-controls{display:flex}.callout{top:37%;max-width:calc(100vw - 30px);font-size:9px;overflow:hidden;text-overflow:ellipsis}.screen{padding:13px}.screen-card{padding:26px 22px}.screen-card h1{font-size:44px}.control-grid{grid-template-columns:1fr}.screen-card>p{font-size:11px}.end-stats{grid-template-columns:1fr 1fr}.help-sheet{top:55px;right:12px}}@media(max-height:650px)and (orientation:landscape){.telemetry{top:78px;bottom:auto;left:12px;transform:scale(.8);transform-origin:top left}.wave-radar{top:78px;right:12px;transform:scale(.85);transform-origin:top right}.scoreboard{top:58px}.screen-card{max-height:94vh;overflow:auto}.start-card h1{font-size:40px}.control-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(pointer:coarse),(max-width:720px){html,body,#app{overflow-x:clip}.topbar{min-width:0;min-height:58px;overflow:hidden}.brand,.actions{min-width:0}.actions{flex-wrap:nowrap}.actions button{white-space:nowrap}.scoreboard{top:70px}.team span,.score-core span,.telemetry-head,.meter,.score-core b,.telemetry-head b{font-size:8px}.telemetry{bottom:184px;max-height:30vh;overflow-y:auto;overscroll-behavior:contain}.wave-radar{top:150px}.callout{top:42%;max-width:calc(100vw - 28px);white-space:normal;text-align:center}.touch-controls{inset:auto 14px max(14px,env(safe-area-inset-bottom));gap:10px}.grip-pad{width:min(40vw,148px);height:88px}.grip-pad span{font-size:9px}.screen-card{max-height:calc(100dvh - 26px);overflow-y:auto;overscroll-behavior:contain}.help-sheet{top:66px;right:12px;max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain}}@media(max-height:650px)and (orientation:landscape)and (pointer:coarse){.scoreboard{top:62px}.telemetry{top:86px;bottom:auto}.wave-radar{top:86px}.touch-controls{bottom:max(10px,env(safe-area-inset-bottom))}}@media(min-width:721px)and (pointer:fine){.scoreboard,.telemetry,.wave-radar{max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain}.screen-card,.help-sheet{max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}.end-stats span{background:#61ead109}}.pressure-meter i{background:linear-gradient(90deg,var(--mint),var(--gold));box-shadow:0 0 8px var(--gold)}.risk-ribbon[data-level=overdrive]{color:var(--gold);border-color:#ffcf70b8;box-shadow:0 0 24px #ffcf7029}.risk-ribbon[data-level=danger]{color:var(--red);border-color:#ff597599}.callout[data-kind=danger]{border-color:var(--red);box-shadow:0 0 28px #ff59753d}.callout[data-kind=overdrive]{border-color:var(--gold);box-shadow:0 0 30px #ffcf703d}.callout[data-kind=success]{border-color:var(--mint)}.start-card{border-top-color:var(--gold)}@keyframes callout-hit{0%{transform:translate(-50%) scale(.92);opacity:.4}to{transform:translate(-50%) scale(1);opacity:1}}.callout[data-kind=danger],.callout[data-kind=overdrive]{animation:callout-hit .32s cubic-bezier(.2,.8,.2,1)}@media(prefers-reduced-motion:reduce){.callout[data-kind=danger],.callout[data-kind=overdrive]{animation:none}}