:root{--bg: #05010f;--ink: #e6e9ff;--cyan: #00e5ff;--magenta: #ff2fd0;--glass: rgba(9, 7, 26, .55);--glass-border: rgba(0, 229, 255, .28);--danger: #ff4455;--ok: #39ff88;--display: "Orbitron", system-ui, sans-serif;--mono: "Share Tech Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--display);touch-action:none;-webkit-user-select:none;user-select:none}canvas{display:block}.mono{font-family:var(--mono)}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}#overlay button{cursor:pointer}.menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2vmin;background:radial-gradient(ellipse at 50% 120%,#05010fd1,#05010f59 55%,#05010f26)}.menu-top{position:absolute;top:2.4vmin;left:3vmin;right:3vmin;display:flex;justify-content:space-between;align-items:center;gap:2vmin}.title{font-size:11vmin;font-weight:900;letter-spacing:.14em;background:linear-gradient(100deg,var(--cyan) 15%,#8ef 45%,var(--magenta) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(0,229,255,.45));animation:title-in .7s cubic-bezier(.2,.8,.2,1) both}.tagline{font-size:2vmin;letter-spacing:.5em;opacity:.6;font-weight:400;margin-top:-1.4vmin;animation:title-in .7s .12s both}@keyframes title-in{0%{opacity:0;transform:translateY(2vmin);letter-spacing:.3em}to{opacity:1;transform:none}}.segmented{display:flex;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.segmented button{font-family:var(--display);font-size:1.9vmin;padding:1.1vmin 2.4vmin;background:transparent;color:var(--ink);border:0;opacity:.65;transition:all .16s}.segmented button.active{opacity:1;background:#00e5ff29;color:var(--cyan);text-shadow:0 0 10px rgba(0,229,255,.6)}.cards{display:flex;flex-direction:column;gap:1.3vmin;min-width:46vmin}.card{--accent: var(--cyan);display:flex;flex-direction:column;gap:.5vmin;text-align:left;padding:1.5vmin 2.2vmin;border-radius:1.2vmin;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-left:.5vmin solid var(--accent);color:var(--ink);font-family:var(--display);transition:transform .16s,box-shadow .16s,border-color .16s;animation:card-in .5s both}.cards .card:nth-child(1){animation-delay:60ms}.cards .card:nth-child(2){animation-delay:.12s}.cards .card:nth-child(3){animation-delay:.18s}.cards .card:nth-child(4){animation-delay:.24s}.cards .card:nth-child(5){animation-delay:.3s}@keyframes card-in{0%{opacity:0;transform:translate(-2vmin)}to{opacity:1;transform:none}}.card:hover{transform:translateY(-.4vmin);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 45%,transparent);border-color:var(--accent)}.card-sector{font-size:1.5vmin;letter-spacing:.35em;color:var(--accent);opacity:.9}.card-name{font-size:2.6vmin;font-weight:700;letter-spacing:.06em}.card-meta{display:flex;justify-content:space-between;align-items:center}.pips{display:flex;gap:.45vmin}.pip{width:1.5vmin;height:.5vmin;border-radius:1px;background:#e6e9ff26}.pip.on{background:var(--accent);box-shadow:0 0 6px var(--accent)}.best{font-size:1.8vmin;opacity:.75}.chip{font-family:var(--display);font-size:1.7vmin;padding:.9vmin 1.8vmin;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);transition:all .16s}.chip:hover{border-color:var(--cyan);box-shadow:0 0 14px #00e5ff59}.chip.login{color:var(--cyan);border-color:#00e5ff80}.auth-in{display:flex;align-items:center;gap:1.2vmin}.handle{color:var(--cyan);font-size:1.9vmin;text-shadow:0 0 8px rgba(0,229,255,.5)}.login-dialog{display:flex;flex-direction:column;gap:1vmin;padding:1.4vmin 1.8vmin;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:1.2vmin;font-size:1.8vmin}.login-dialog input{margin-left:1vmin;background:#0006;border:1px solid var(--glass-border);border-radius:.6vmin;color:var(--cyan);padding:.6vmin 1vmin;font-size:1.8vmin}.login-dialog .row{display:flex;gap:1vmin;justify-content:flex-end}.warp-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;background:radial-gradient(circle at 50% 55%,#fff 0%,rgba(200,240,255,.8) 25%,transparent 70%);animation:warp .4s ease-out both}@keyframes warp{0%{opacity:.95}to{opacity:0}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-time{position:absolute;top:2vmin;left:50%;transform:translate(-50%);font-size:3.6vmin;color:var(--ink);text-shadow:0 0 12px rgba(0,229,255,.55)}.gauge{position:absolute;left:2.4vmin;bottom:2vmin;width:17vmin;height:auto}.gauge-track{stroke:#e6e9ff1f;stroke-width:7;stroke-linecap:round}.gauge-fill{stroke:url(#speedgrad);stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(0,229,255,.7));transition:stroke-dashoffset 90ms linear}.gauge line{stroke:#fff;stroke-width:2.4;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}.gauge-kmh{fill:var(--ink);font-size:20px}.gauge-unit{fill:#e6e9ff80;font-size:8px;font-family:var(--display);letter-spacing:.2em}.fuel{position:absolute;right:2.8vmin;bottom:3vmin;display:flex;flex-direction:column;gap:.7vmin;align-items:flex-end}.fuel-label{font-size:1.5vmin;letter-spacing:.4em;opacity:.6}.fuel-cells{display:flex;gap:.5vmin}.cell{width:1.7vmin;height:3.2vmin;border-radius:.3vmin;background:#e6e9ff14;border:1px solid rgba(230,233,255,.1);transform:skew(-12deg);transition:all .12s}.cell.on{background:linear-gradient(180deg,var(--cyan),var(--ok));box-shadow:0 0 8px #39ff8880}.fuel.low .cell.on{background:linear-gradient(180deg,var(--danger),#a01030);box-shadow:0 0 10px #ff4455b3}.fuel.low .fuel-label{color:var(--danger);opacity:1;animation:blink .7s steps(2) infinite}@keyframes blink{50%{opacity:.25}}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .4s;box-shadow:inset 0 0 18vmin #ff1e3c59}.vignette.on{opacity:1;animation:vig-pulse 1s ease-in-out infinite}@keyframes vig-pulse{50%{opacity:.45}}.result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#05010f73}.result-panel{display:flex;flex-direction:column;align-items:center;gap:1.6vmin;padding:4vmin 7vmin;border-radius:1.6vmin;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);animation:panel-in .42s cubic-bezier(.2,.9,.25,1.2) both}@keyframes panel-in{0%{opacity:0;transform:translateY(3vmin) scale(.94)}to{opacity:1;transform:none}}.result h2{font-size:7vmin;font-weight:900;letter-spacing:.12em}.result h2.won{color:var(--ok);text-shadow:0 0 24px rgba(57,255,136,.6)}.result h2.lost{color:var(--danger);text-shadow:0 0 24px rgba(255,68,85,.6)}.result-time{font-size:4.4vmin}.best-burst{color:gold;font-size:2.4vmin;letter-spacing:.3em;text-shadow:0 0 16px rgba(255,215,0,.7);animation:burst .6s cubic-bezier(.2,1.4,.3,1) both}@keyframes burst{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}.delta{opacity:.65;font-size:2.2vmin}.result .row{display:flex;gap:1.6vmin;margin-top:1vmin}.pill{font-family:var(--display);font-size:2.4vmin;font-weight:700;padding:1.2vmin 3.4vmin;border-radius:999px;letter-spacing:.06em;background:linear-gradient(100deg,#00e5ff33,#ff2fd033);color:var(--ink);border:1px solid var(--cyan);transition:all .16s}.pill:hover{box-shadow:0 0 18px #00e5ff80;transform:translateY(-.2vmin)}.pill.ghost{background:transparent;border-color:var(--glass-border)}.key-hint{font-size:.7em;opacity:.55;border:1px solid rgba(230,233,255,.35);border-radius:.4em;padding:0 .35em;margin-left:.4em;vertical-align:middle}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/orbitron-latin-400-normal-U6xZUhur.woff2) format("woff2"),url(/assets/orbitron-latin-400-normal-DBk4Dmer.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/orbitron-latin-700-normal-4jsRXGGJ.woff2) format("woff2"),url(/assets/orbitron-latin-700-normal-DmYOh-W9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/orbitron-latin-900-normal-DrIi7unX.woff2) format("woff2"),url(/assets/orbitron-latin-900-normal-BbJatbhp.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Share Tech Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/share-tech-mono-latin-400-normal-CCqdbj5z.woff2) format("woff2"),url(/assets/share-tech-mono-latin-400-normal-15MgdvEM.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}