:root{--text: #e8ede8;--dim: #8fa8a0;--teal: #39d8c8;--amber: #ffb03a;--rust: #c23b2a;--bone: #d9cba8;--line: rgba(57, 216, 200, .26)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#16232a;color:var(--text);font-family:IBM Plex Mono,monospace}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}.scanlines,.vignette{position:fixed;inset:0;pointer-events:none}.scanlines{z-index:5;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.16) 3px 5px)}.vignette{z-index:5;background:radial-gradient(ellipse at center,transparent 52%,rgba(4,8,10,.64) 100%)}.splash-flash{position:fixed;inset:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse at 50% 80%,rgba(207,232,224,.5),transparent 60%);opacity:0}.splash-flash.on{animation:splash .5s ease-out}@keyframes splash{0%{opacity:1}to{opacity:0}}.lightning{position:fixed;inset:0;z-index:7;pointer-events:none;background:linear-gradient(180deg,rgba(235,245,240,.9),rgba(235,245,240,.25) 55%,transparent 85%);opacity:0}.lightning.on{animation:lflash .5s ease-out}@keyframes lflash{0%{opacity:.8}22%{opacity:.06}38%{opacity:.5}to{opacity:0}}.hud{position:fixed;inset:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.hud-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.hud-brand{pointer-events:auto;color:var(--dim);text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.hud-brand b{color:var(--teal)}.sanction{display:flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--line);background:#060e1080;backdrop-filter:blur(3px);color:var(--dim);text-transform:uppercase;letter-spacing:.14em;font-size:9px}.sanction span{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}.race-readout{position:absolute;top:max(52px,calc(env(safe-area-inset-top) + 40px));left:50%;transform:translate(-50%);display:flex;gap:10px}.metric{min-width:84px;padding:7px 12px;border:1px solid var(--line);background:#060e1085;backdrop-filter:blur(3px);text-align:center;text-transform:uppercase}.metric span{display:block;color:var(--dim);font-size:8px;letter-spacing:.16em}.metric strong{display:block;margin-top:3px;font:900 clamp(14px,2.4vh,22px)/1 "Orbitron",sans-serif;color:var(--text)}.metric-rank strong{color:var(--amber)}.metric-speed strong b{font:inherit;color:var(--teal)}.metric-speed small{font-size:8px;color:var(--dim)}.lower-hud{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.bar-block{width:min(300px,34vw)}.bar-label{display:flex;justify-content:space-between;margin-bottom:4px;color:var(--dim);text-transform:uppercase;letter-spacing:.14em;font-size:8px}.bar-label b{color:var(--text)}.bar{height:12px;border:1px solid var(--line);background:#0000008c;overflow:hidden}.bar.boost i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--rust),var(--amber));transition:width .15s ease}.gate-callout{padding:6px 12px;border:1px solid var(--line);background:#060e1085;backdrop-filter:blur(3px);color:var(--bone);text-transform:uppercase;letter-spacing:.14em;font-size:9px}.weapon-callout{padding:6px 12px;border:1px solid var(--line);background:#060e1085;backdrop-filter:blur(3px);color:var(--dim);text-transform:uppercase;letter-spacing:.14em;font-size:9px}.weapon-callout.armed{color:#63edff;border-color:#2a6a72;text-shadow:0 0 12px rgba(99,237,255,.5)}.announcer{position:fixed;z-index:11;left:50%;bottom:18vh;transform:translate(-50%);max-width:84%;padding:7px 16px;border:1px solid var(--line);background:#060e10bd;backdrop-filter:blur(4px);color:var(--amber);font-size:clamp(11px,2vh,14px);letter-spacing:.08em;text-transform:uppercase;text-align:center;opacity:0;transition:opacity .25s ease;pointer-events:none}.announcer.show{opacity:1}.countdown{position:fixed;inset:0;z-index:12;display:grid;place-items:center;pointer-events:none;font:400 clamp(64px,22vh,160px)/1 "Black Ops One","Orbitron",sans-serif;color:var(--amber);text-shadow:6px 6px 0 #6b1f14,0 0 60px rgba(255,176,58,.5);animation:countpop .55s ease-out}.countdown[hidden]{display:none!important}@keyframes countpop{0%{transform:scale(1.4);opacity:0}to{transform:scale(1);opacity:1}}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:start center;overflow-y:auto;background:#040a0cd1;backdrop-filter:blur(4px);transition:opacity .3s ease,visibility .3s ease}.overlay.gone{opacity:0;visibility:hidden;pointer-events:none}.overlay-card{margin:auto;max-width:min(620px,92%);padding:clamp(14px,3vh,30px) clamp(18px,3.5vw,34px);border:2px solid var(--line);background:linear-gradient(180deg,#16232af2,#080f12f7);text-align:center;box-shadow:0 0 70px #39d8c817}.eyebrow{color:var(--rust);text-transform:uppercase;letter-spacing:.2em;font-size:clamp(8px,1.6vh,10px);margin-bottom:6px}.overlay-card h1,.overlay-card h2{margin:0 0 10px;font:400 clamp(28px,8vh,54px)/.95 "Black Ops One","Orbitron",sans-serif;color:var(--teal);text-shadow:4px 4px 0 #14403a}.overlay-card h1 span,.overlay-card h2 span{color:var(--amber);text-shadow:4px 4px 0 #6b1f14}.overlay-sub{margin:0 auto clamp(10px,2vh,16px);max-width:56ch;color:var(--bone);font-size:clamp(10px,2vh,13px);line-height:1.55}.rival-row{display:flex;justify-content:center;gap:14px;margin-bottom:clamp(10px,2vh,16px);flex-wrap:wrap}.rival{display:flex;align-items:center;gap:6px;color:var(--dim);font-size:clamp(8px,1.7vh,10px);letter-spacing:.12em}.rival i{width:12px;height:12px;border-radius:3px}.rival.r1 i{background:#d9cba8}.rival.r2 i{background:#ffb03a}.rival.r3 i{background:#4a6b3a}.overlay-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:0 0 clamp(12px,2.4vh,18px);color:var(--dim);font-size:clamp(8px,1.8vh,10px);text-transform:uppercase;letter-spacing:.1em}#launch,#again{min-height:44px;padding:11px 30px;border:2px solid var(--amber);background:linear-gradient(180deg,#ffb03a,#c23b2a);color:#1c0f04;font:700 clamp(12px,2.4vh,15px)/1 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;box-shadow:0 0 26px #ffb03a66}#launch:hover,#again:hover{filter:brightness(1.08)}.overlay-fineprint{margin-top:10px;color:var(--dim);font-size:8.5px;letter-spacing:.08em}.results-grid{display:flex;justify-content:center;gap:18px;margin:0 0 clamp(10px,2vh,16px)}.results-grid>div{min-width:100px;padding:8px 10px;border:1px solid var(--line);background:#0000004d;text-transform:uppercase}.results-grid span{display:block;color:var(--dim);font-size:8px;letter-spacing:.16em}.results-grid strong{display:block;margin-top:4px;font:900 clamp(13px,2.6vh,20px)/1 "Orbitron",sans-serif;color:var(--amber)}@media (pointer: coarse){.overlay-fineprint,.overlay-controls{display:none}}