:root{--bg: #05050a;--cyan: #00f0ff;--magenta: #ff2bd6;--ink: #e8f7ff;--mute: #6b7c8f;--glow-cyan: 0 0 8px rgba(0, 240, 255, .55), 0 0 24px rgba(0, 240, 255, .25);--glow-magenta: 0 0 8px rgba(255, 43, 214, .55), 0 0 24px rgba(255, 43, 214, .28);--track-core: #00f0ff;--track-glow: rgba(0, 240, 255, .35);--car-body: #ff2bd6;--car-accent: #00f0ff;--trail: rgba(0, 240, 255, .85);--trail-fade: rgba(0, 240, 255, .15);--particle: #ff6ef0;--spark: #e8f7ff;--hud-bg: rgba(5, 5, 14, .72);--hud-border: rgba(0, 240, 255, .32);--hud-radius: 14px;--panel-blur: 10px;--font: system-ui, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Menlo", monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.stage{position:relative;width:100%;height:100%;min-height:100dvh;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(0,240,255,.06),transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(255,43,214,.05),transparent 55%),var(--bg);overflow:hidden}#game{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;z-index:0;touch-action:none;cursor:crosshair}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:max(12px,var(--safe-t)) max(12px,var(--safe-r)) max(14px,var(--safe-b)) max(12px,var(--safe-l));pointer-events:none}.hud-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px 16px;padding:10px 14px;border-radius:var(--hud-radius);background:var(--hud-bg);border:1px solid var(--hud-border);box-shadow:var(--glow-cyan),inset 0 0 24px #00f0ff0a;backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));max-width:100%}.hud-title{margin:0;display:flex;flex-direction:column;gap:2px;line-height:1.15}.hud-title-cn{font-size:clamp(1rem,3.8vw,1.25rem);font-weight:700;letter-spacing:.12em;color:var(--ink);text-shadow:var(--glow-cyan)}.hud-title-en{font-size:.65rem;font-weight:600;letter-spacing:.28em;color:var(--cyan);opacity:.85}.hud-stats{display:flex;gap:14px;align-items:baseline}.hud-stat{display:flex;flex-direction:column;align-items:flex-end;min-width:4.5rem}.hud-label{font-size:.68rem;color:var(--mute);letter-spacing:.14em;text-transform:uppercase}.hud-value{font-family:var(--font-mono),var(--font);font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--cyan);text-shadow:var(--glow-cyan);line-height:1.2}.hud-value--mute{color:var(--mute);text-shadow:none;font-size:1.1rem}.hud-hint{align-self:center;margin:0;padding:8px 16px;border-radius:999px;background:var(--hud-bg);border:1px solid rgba(255,43,214,.28);color:var(--mute);font-size:.88rem;letter-spacing:.08em;backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur));box-shadow:var(--glow-magenta);max-width:min(92vw,320px);text-align:center;animation:hint-pulse 2.4s ease-in-out infinite}.hud-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;max-width:375px;margin-inline:auto}.btn{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 auto;min-width:5.5rem;min-height:44px;padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--cyan);background:#00f0ff1a;color:var(--ink);font:inherit;font-size:.95rem;font-weight:600;letter-spacing:.12em;cursor:pointer;touch-action:manipulation;box-shadow:var(--glow-cyan);transition:transform .12s ease,background .15s ease,box-shadow .15s ease}.btn:active{transform:scale(.96)}.btn--primary{border-color:transparent;background:linear-gradient(135deg,#00d8e8,var(--cyan) 40%,#4af8ff);color:#021018;text-shadow:none;box-shadow:var(--glow-cyan)}.btn--primary:hover,.btn--primary:focus-visible{box-shadow:0 0 12px #00f0ffb3,0 0 32px #00f0ff59}.btn--ghost{border-color:var(--magenta);background:#ff2bd61a;color:var(--ink);box-shadow:var(--glow-magenta)}.btn--ghost:hover,.btn--ghost:focus-visible{background:#ff2bd633}.btn[hidden]{display:none!important}.fx-crash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(255,43,214,.45) 100%),#ff2bd638;transition:opacity .08s ease-out}.fx-crash.is-on,.fx-crash:not([hidden]).is-on{opacity:1;animation:crash-flash .35s ease-out forwards}.fx-crash[hidden]{display:block!important;opacity:0;visibility:hidden}.fx-crash.is-on{visibility:visible}@keyframes crash-flash{0%{opacity:.95}40%{opacity:.7}to{opacity:0}}@keyframes hint-pulse{0%,to{opacity:.75;box-shadow:0 0 6px #ff2bd640}50%{opacity:1;box-shadow:var(--glow-magenta)}}@media (max-width: 375px){.hud-top{padding:8px 12px}.hud-title-cn{letter-spacing:.08em}.hud-value{font-size:1.15rem}.hud-stat{min-width:3.8rem}.btn{min-width:4.75rem;letter-spacing:.08em;font-size:.88rem}}@media (prefers-reduced-motion: reduce){.hud-hint{animation:none}.fx-crash.is-on{animation:none;opacity:.55}.btn{transition:none}.hud-title-cn,.hud-value{text-shadow:none}.hud-top,.btn,.btn--ghost,.hud-hint{box-shadow:none}}:root{--neon-cyan: var(--cyan);--neon-magenta: var(--magenta)}