:root{--ink:#0f1218;--text:#f7f4ee;--muted:#f7f4eebd;--accent:#e2333b;--gold:#ffcf4a;--danger:#ff5a5f;--glass:#0f12187a;--font:"Chakra Petch", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[hidden]{display:none!important}html,body{background:var(--ink);height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}#app,#app canvas{display:block;position:fixed;inset:0}#hud{pointer-events:none;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));text-shadow:0 2px 10px #0006;position:fixed;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;display:flex}.score{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;line-height:1.8}.hud-right{align-items:center;gap:12px;display:flex}.mult{background:var(--glass);color:var(--text);border-radius:4px;padding:0 6px;font-weight:700;display:inline-block}.mult[data-tier="2"]{background:#2f7d4f}.mult[data-tier="3"]{background:#b8860b}.mult[data-tier="4"]{background:var(--accent)}#pause-btn{pointer-events:auto;font:700 14px var(--font);color:var(--text);background:var(--glass);cursor:pointer;border:1px solid #f7f4ee40;border-radius:8px;width:40px;height:40px}#pause-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.dash{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;align-items:center;gap:14px;padding:10px 16px;display:flex;position:absolute}.gear{border:2px solid var(--muted);border-radius:50%;place-items:center;width:42px;height:42px;font-size:34px;font-weight:700;display:grid}.kmh{font-variant-numeric:tabular-nums;min-width:3ch;font-size:46px;font-weight:700;line-height:1}.kmh small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-left:4px;font-size:13px}.rpm{background:#f7f4ee2e;border-radius:3px;width:130px;height:5px;margin-top:6px;overflow:hidden}#rpm-bar{background:linear-gradient(90deg, var(--text) 70%, var(--accent) 85%);width:0;height:100%}#popups{justify-items:center;gap:6px;display:grid;position:absolute;top:28%;left:0;right:0}.popup{text-transform:uppercase;color:var(--gold);font-size:24px;font-style:italic;font-weight:700;animation:1.2s ease-out forwards popup}@keyframes popup{0%{opacity:0;transform:translateY(10px)scale(.9)}15%{opacity:1;transform:none}to{opacity:0;transform:translateY(-24px)}}.screen{text-align:center;background:linear-gradient(#0f121800 30%,#0f1218cc);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex;position:fixed;inset:0}.screen p{margin:0}h1{letter-spacing:.06em;text-transform:uppercase;text-shadow:6px 6px 0 var(--accent);margin:0;font-size:clamp(80px,22vw,160px);font-style:italic;font-weight:700;line-height:.9}h2{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:44px;font-style:italic}.danger{color:var(--danger)}.tagline{color:var(--muted);font-size:18px;margin-bottom:24px!important}.final{font-variant-numeric:tabular-nums;font-size:72px;font-weight:700;line-height:1}.best{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-top:10px!important}.cta{font-size:20px;font-weight:700;animation:1.4s ease-in-out infinite pulse;margin:20px 0 12px!important}.battle{top:max(70px, calc(env(safe-area-inset-top) + 56px));right:max(16px, env(safe-area-inset-right));background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;gap:4px;min-width:160px;padding:10px 14px;display:grid;position:absolute}.battle b{font-variant-numeric:tabular-nums;font-size:18px}.storm-meter .track{background:#ff5a5f59;border-radius:2px;height:4px;margin-top:4px;overflow:hidden}#b-wall-bar{background:var(--text);width:100%;height:100%}#b-ping[data-level=good]{color:#6fdc8c}#b-ping[data-level=ok]{color:var(--gold)}#b-ping[data-level=bad]{color:var(--danger)}#storm{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#c8141ed9);transition:opacity .3s;position:fixed;inset:0}#countdown{text-shadow:6px 6px 0 var(--accent);place-items:center;font-size:clamp(120px,30vw,240px);font-style:italic;font-weight:700;display:grid;position:absolute;inset:0}.mp-form{text-align:left;gap:6px;width:min(340px,90vw);margin:10px 0;display:grid}.mp-form label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:8px;font-size:12px}.mp-form input{font:700 20px var(--font);color:var(--text);background:#0f1218b3;border:1px solid #f7f4ee4d;border-radius:8px;padding:10px 12px}.mp-form input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.mp-form .primary{margin-top:14px}.text-btn.primary{background:var(--accent);border-color:var(--accent)}.error{color:var(--danger);min-height:1.4em}.code{letter-spacing:.2em;font-size:64px;font-style:normal}.players{gap:6px;width:min(380px,90vw);margin:10px 0 18px;padding:0;list-style:none;display:grid}.players li{background:var(--glass);border-radius:8px;justify-content:space-between;gap:12px;padding:8px 14px;font-weight:700;display:flex}.players li span{color:var(--muted);letter-spacing:.06em;font-weight:500}.ranking{counter-reset:rank}.ranking li:before{counter-increment:rank;content:counter(rank) ".";color:var(--gold);margin-right:auto;padding-right:12px}.ranking li{justify-content:flex-start}#zone{text-align:center;letter-spacing:.18em;text-transform:uppercase;opacity:0;font-size:clamp(28px,6vw,52px);font-style:italic;font-weight:700;position:absolute;top:16%;left:0;right:0}#zone.show{animation:3.2s ease-in-out forwards zone}@keyframes zone{0%{opacity:0;letter-spacing:.4em}25%,70%{opacity:1;letter-spacing:.18em}to{opacity:0}}.loading{background:var(--ink);gap:18px}.load-track{background:#f7f4ee26;border-radius:2px;width:min(320px,70vw);height:4px;overflow:hidden}#load-bar{background:var(--accent);width:0;height:100%;transition:width .2s}.menu{padding-bottom:max(28px, env(safe-area-inset-bottom));background:linear-gradient(#0f121859,#0f121800 30% 45%,#0f1218d9);justify-content:flex-end}.menu h1{top:max(24px, env(safe-area-inset-top));font-size:clamp(56px,12vw,110px);position:absolute;left:0;right:0}.menu .tagline{text-shadow:0 1px 8px #0000008c;top:calc(max(24px, env(safe-area-inset-top)) + clamp(56px, 12vw, 110px));position:absolute;left:0;right:0}.garage{align-items:center;gap:12px;display:flex}.car-card{background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;min-width:min(380px,64vw);padding:14px 20px}.car-name{text-transform:uppercase;letter-spacing:.04em;font-size:26px;font-style:italic;font-weight:700}.car-spec{margin-top:8px;font-size:13px}.car-spec.muted{color:var(--muted);margin-top:10px}.car-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 0;display:grid}@media (width<=420px){.car-stats{grid-template-columns:repeat(2,1fr)}}.car-stats dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.car-stats dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:20px;font-weight:700}.arrow,.text-btn{font:700 28px var(--font);color:var(--text);background:var(--glass);cursor:pointer;border:1px solid #f7f4ee40;border-radius:50%;width:48px;height:48px}.text-btn{letter-spacing:.08em;text-transform:uppercase;border-radius:8px;width:auto;height:auto;padding:8px 14px;font-size:14px}.arrow:hover,.text-btn:hover{border-color:var(--text)}.arrow:focus-visible,.text-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.cta,.popup{animation:none}#zone.show{opacity:1;animation:none}}