:root{--pink: #ff55bc;--cyan: #aef8ff;--gold: #ffd173;--green: #7dffad;--red: #ff7b7b;--dim: #c0b1d7;--ink: #080211}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:#f2ecff;font-family:IBM Plex Mono,monospace}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}.scan{position:fixed;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px)}.vignette{position:fixed;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at center,transparent 46%,rgba(8,2,17,.72)),linear-gradient(180deg,rgba(255,85,188,.08),transparent 26%,transparent 72%,rgba(85,244,255,.06))}.impact{position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,transparent 36%,rgba(255,85,188,.44),rgba(255,209,115,.16));opacity:0;transition:opacity .1s}.hud{position:fixed;inset:0;pointer-events:none;z-index:10;display:grid;grid-template-rows:auto auto 1fr auto;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,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);font-size:10px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}.hud-brand b{color:#fff;font-weight:700}.race-status{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.race-status .dot{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 9px var(--pink);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.35}}.hud-metrics{display:flex;gap:18px;margin-top:10px}.metric{display:grid;gap:2px}.metric span{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}.metric strong{font-family:Orbitron,sans-serif;font-size:17px;font-weight:700;color:#fff;text-shadow:0 0 12px rgba(85,244,255,.5)}.metric-weapon strong{color:var(--gold);text-shadow:0 0 12px rgba(255,196,107,.5)}.metric-weapon small{font-size:10px;color:var(--dim)}.hud-bars{align-self:end;display:grid;gap:8px;width:min(340px,62vw);grid-row:4}.bar-block{display:grid;gap:3px}.bar-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.bar-label b{color:#fff}.bar{height:9px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d}.bar i{display:block;height:100%;transition:width .12s linear}.bar.hull i{background:linear-gradient(90deg,var(--red),var(--green));box-shadow:0 0 10px #7dffad66}.bar.special i{background:linear-gradient(90deg,var(--pink),var(--cyan));box-shadow:0 0 10px #55f4ff73}.announcer{position:fixed;top:18%;left:50%;transform:translate(-50%);z-index:20;font-family:Orbitron,sans-serif;font-size:clamp(13px,2.6vw,21px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 0 16px rgba(255,62,181,.85);opacity:0;pointer-events:none;white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis}.announcer.show{animation:announcer-in 1.5s ease}@keyframes announcer-in{0%{opacity:0;transform:translate(-50%) scale(1.2)}12%{opacity:1;transform:translate(-50%) scale(1)}82%{opacity:1}to{opacity:0}}.countdown{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:40;font-family:Black Ops One,Orbitron,sans-serif;font-size:clamp(96px,24vw,220px);color:#fff;text-shadow:0 0 24px rgba(85,244,255,.9),0 0 70px rgba(255,62,181,.7)}.countdown[hidden]{display:none}.countdown.tick{animation:countdown-pop .95s ease-out}.countdown.go{color:var(--pink);font-size:clamp(72px,18vw,170px);letter-spacing:.08em;text-shadow:0 0 30px rgba(255,62,181,1),0 0 90px rgba(255,196,107,.8);animation:countdown-go .7s ease-out}@keyframes countdown-pop{0%{transform:scale(1.7);opacity:0}22%{transform:scale(1);opacity:1}82%{opacity:1}to{transform:scale(.92);opacity:.35}}@keyframes countdown-go{0%{transform:scale(.6);opacity:0}30%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:0}}@media (prefers-reduced-motion: reduce){.countdown.tick,.countdown.go{animation:none}.announcer.show{animation:none;opacity:1}}.overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 24%,rgba(255,85,188,.16),transparent 18%),radial-gradient(circle at 50% 34%,#ffd17324,#080211f0 56%,#040109fa);backdrop-filter:blur(4px);transition:opacity .4s ease;overflow-y:auto}.overlay.gone{opacity:0;pointer-events:none}.overlay-card{display:grid;gap:13px;justify-items:center;text-align:center;max-width:560px;padding:26px 22px;border:1px solid rgba(255,209,115,.34);background:linear-gradient(180deg,#0e0417c7,#07020ed1);box-shadow:0 0 44px #ff55bc29,inset 0 0 34px #aef8ff0f}.overlay-card.wide{max-width:640px}.eyebrow{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan)}.overlay-card h1{margin:0;font-family:Black Ops One,sans-serif;font-size:clamp(34px,7vw,54px);line-height:.95;color:#fff;text-shadow:0 0 22px rgba(255,85,188,.75);text-transform:lowercase}.overlay-card h1 span{color:var(--gold)}.overlay-sub{margin:0;font-size:12px;line-height:1.65;color:var(--dim);max-width:480px}.overlay-controls{display:grid;gap:3px;margin:0;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.overlay-fineprint{margin:0;font-size:8px;letter-spacing:.1em;color:#9a8fb599}.overlay-card button{min-height:48px;padding:12px 30px;border:1px solid var(--cyan);background:linear-gradient(90deg,#55f4ff1f,#ff3eb51f);color:#fff;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 24px #55f4ff1f,inset 0 0 20px #ff3eb50d;transition:.16s ease}.overlay-card button:hover{border-color:#fff;transform:translateY(-2px);box-shadow:0 0 35px #ff3eb547}.over-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.overlay-card button.ghost{border-color:#ffffff4d;background:transparent;box-shadow:none;color:var(--dim)}.overlay-card button.ghost:hover{color:#fff}.driver-grid{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.driver-card{min-height:0!important;display:grid;gap:5px;justify-items:center;padding:10px 6px!important;border:1px solid rgba(255,255,255,.18)!important;background:#ffffff0a!important;box-shadow:none!important;letter-spacing:.08em!important}.driver-card svg{width:44px;height:44px}.driver-card b{font-family:Orbitron,sans-serif;font-size:8.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff}.driver-card em{font-size:7px;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}.driver-card:hover{transform:none!important;border-color:#ffffff8c!important}.driver-card.active{border-color:var(--gold)!important;background:linear-gradient(180deg,#ffd1732e,#aef8ff14)!important;box-shadow:0 0 22px #ff55bc4d!important}.driver-card.active b{color:var(--gold)}.stat-bars{width:100%;display:grid;gap:2px}.stat-bars i{display:block;height:3px;background:#ffffff1a;position:relative}.stat-bars i:after{content:"";position:absolute;inset:0;width:var(--v, 50%);background:var(--cyan);box-shadow:0 0 5px #55f4ff99}.stat-bars i:nth-child(2):after{background:var(--green);box-shadow:0 0 5px #7dffad99}.stat-bars i:nth-child(3):after{background:var(--pink);box-shadow:0 0 5px #ff3eb599}.stat-legend{margin:-6px 0 0;font-size:7.5px;letter-spacing:.22em;text-transform:uppercase;color:#9a8fb5b3}.driver-taunt{margin:0;font-size:11px;color:var(--gold);font-style:italic;min-height:1.4em}@media (max-width: 620px){.driver-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 380px){.driver-grid{grid-template-columns:repeat(2,1fr)}}.touch-controls{display:none}@media (pointer: coarse){.touch-controls{display:flex;position:fixed;left:0;right:0;bottom:max(12px,env(safe-area-inset-bottom));z-index:30;justify-content:space-between;align-items:flex-end;padding:0 18px;pointer-events:none}.drive-control{position:relative;width:178px;height:230px;pointer-events:auto;touch-action:none;user-select:none;display:grid;place-items:center}.drive-control:before{content:"";position:absolute;left:50%;top:19%;bottom:19%;width:2px;transform:translate(-50%);background:linear-gradient(180deg,#7dffada6,#55f4ff1f 48%,#ff695ea6);box-shadow:0 0 14px #55f4ff3d}.drive-label{position:absolute;left:50%;transform:translate(-50%);font:700 7px Orbitron,sans-serif;letter-spacing:.18em;color:#9a8fb5c7}.drive-label--forward{top:2px;color:#7dffade6}.drive-label--reverse{bottom:2px;color:#ff695ee6}.steer-pad{position:relative;width:166px;height:72px;border:2px solid rgba(174,248,255,.68);border-radius:999px;background:linear-gradient(180deg,#aef8ff24,#140620b8);display:grid;place-items:center;box-shadow:0 0 22px #aef8ff2e,inset 0 0 22px #ff55bc14;transition:transform .05s linear,border-color .08s ease,box-shadow .08s ease}.steer-pad:before{content:"";position:absolute;left:15px;right:15px;height:2px;background:#55f4ff47}.steer-pad i{position:relative;z-index:2;width:48px;height:48px;border:2px solid rgba(225,253,255,.8);border-radius:50%;background:radial-gradient(circle,#55f4ffad,#55f4ff2e);box-shadow:0 0 16px #55f4ff7a;transition:transform .04s linear}.steer-arrows{position:absolute;inset:0;display:grid;place-items:center;color:#e1fdff7a;font:800 10px Orbitron,sans-serif;letter-spacing:.24em;pointer-events:none}.drive-control.forward .steer-pad{border-color:#7dffadeb;box-shadow:0 0 28px #7dffad52,inset 0 0 20px #7dffad1a}.drive-control.reverse .steer-pad{border-color:#ff695eeb;box-shadow:0 0 28px #ff695e52,inset 0 0 20px #ff695e1a}.action-cluster{pointer-events:auto;display:flex;gap:12px;align-items:flex-end}.fire-button{width:88px;height:88px;border:1px solid rgba(255,62,181,.7);border-radius:50%;background:radial-gradient(circle,#ffc46b29,#ff3eb559);color:#fff;font-family:Black Ops One,sans-serif;font-size:14px;letter-spacing:.05em;box-shadow:0 0 24px #ff3eb53d;touch-action:none}.special-button{width:64px;height:64px;border:1px solid rgba(125,255,173,.6);border-radius:50%;background:radial-gradient(circle,#7dffad29,#14062080);color:#fff;font-family:Orbitron,sans-serif;font-size:8px;font-weight:700;letter-spacing:.08em;box-shadow:0 0 18px #7dffad33;touch-action:none}}.nowebgl{display:none;position:fixed;inset:0;z-index:90;place-items:center;padding:24px;background:var(--ink);color:var(--dim);font-size:13px;text-align:center}