@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--font-main: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--color-bg: #075985;--color-surface: rgba(15, 23, 42, .72);--color-surface-hover: rgba(30, 41, 59, .85);--color-border: rgba(255, 255, 255, .12);--color-cyan: #38bdf8;--color-amber: #fbbf24;--color-rose: #f43f5e;--color-text: #f8fafc;--color-text-dim: #94a3b8}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--color-bg);font-family:var(--font-main);color:var(--color-text)}#app{position:relative;width:100vw;height:100vh;overflow:hidden}#game-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#game-canvas-container canvas{width:100%!important;height:100%!important;display:block}.hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.hud-header{display:flex;justify-content:space-between;align-items:flex-start;pointer-events:auto}.brand-badge{display:flex;align-items:center;gap:12px;background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);padding:10px 18px;border-radius:9999px;box-shadow:0 8px 32px #00000040}.brand-icon{font-size:18px;color:var(--color-cyan);animation:pulse-wave 2s infinite ease-in-out}@keyframes pulse-wave{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.18);opacity:1}}.brand-title{font-size:15px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(135deg,#ffffff 30%,var(--color-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-mode{font-size:11px;font-weight:600;color:var(--color-amber);background:#fbbf2426;border:1px solid rgba(251,191,36,.3);padding:2px 8px;border-radius:9999px;letter-spacing:.5px}.hud-actions{display:flex;gap:10px}.hud-btn{background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-main);font-size:13px;font-weight:600;padding:8px 16px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0003}.hud-btn:hover{background:var(--color-surface-hover);border-color:#ffffff40;transform:translateY(-1px)}.hud-btn.muted{border-color:#f43f5e66;color:var(--color-rose)}.hud-footer{display:flex;justify-content:space-between;align-items:flex-end;pointer-events:auto}.speedometer-card{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:20px;padding:16px 24px;min-width:180px;box-shadow:0 12px 40px #00000059;display:flex;flex-direction:column;gap:6px}.speed-metric{display:flex;align-items:baseline;gap:6px}.speed-value{font-size:46px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 20px rgba(56,189,248,.4)}.speed-unit{font-size:14px;font-weight:700;letter-spacing:1px;color:var(--color-cyan)}.speed-status-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.speed-sublabel{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-dim)}.drift-badge{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:2px 7px;border-radius:6px;color:#fff;background:#ffffff1a;opacity:.3;transition:all .15s ease}.drift-badge.active{opacity:1;background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 0 12px #f59e0b99;transform:scale(1.05)}.boost-card{background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:20px;padding:16px 24px;min-width:240px;box-shadow:0 12px 40px #00000059;display:flex;flex-direction:column;gap:8px}.boost-header{display:flex;justify-content:space-between;align-items:center}.boost-title{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text)}.boost-label{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--color-amber)}.boost-meter-track{width:100%;height:12px;background:#02061799;border-radius:9999px;overflow:hidden;border:1px solid rgba(255,255,255,.08);position:relative}.boost-meter-fill{height:100%;width:100%;background:linear-gradient(90deg,#f59e0b,#38bdf8);border-radius:9999px;transition:width .1s linear;box-shadow:0 0 14px #38bdf880}.boost-meter-fill.boosting{background:linear-gradient(90deg,#38bdf8,#818cf8);animation:boost-pulse .2s infinite alternate}@keyframes boost-pulse{0%{opacity:.85;filter:brightness(1)}to{opacity:1;filter:brightness(1.35)}}.controls-hint-bar{display:flex;align-items:center;gap:16px;background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);padding:8px 18px;border-radius:9999px;font-size:12px;color:var(--color-text-dim)}.controls-hint-bar kbd{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:11px;color:#fff}.debug-panel{position:absolute;top:72px;right:24px;background:#020617e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(56,189,248,.3);border-radius:14px;padding:16px 20px;font-family:var(--font-mono);font-size:12px;color:var(--color-cyan);display:none;min-width:260px;z-index:100;box-shadow:0 16px 40px #00000080;pointer-events:auto}.debug-title{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between}.debug-row{display:flex;justify-content:space-between;margin-bottom:6px}.debug-row span:first-child{color:var(--color-text-dim)}.debug-row span:last-child{color:#fff}@media(max-width:768px){.controls-hint-bar{display:none}.hud-overlay{padding:14px}.speedometer-card,.boost-card{padding:12px 18px;min-width:140px}.speed-value{font-size:36px}.race-bar{gap:8px}.race-flash{font-size:20px}}.visitor-counter{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:9999px;box-shadow:0 8px 32px #00000040;font-size:11px;letter-spacing:.12em;white-space:nowrap;-webkit-user-select:none;user-select:none}.visitor-counter__pulse{position:relative;display:flex;align-items:center;justify-content:center;width:7px;height:7px}.visitor-counter__ping{position:absolute;width:100%;height:100%;border-radius:9999px;background:var(--color-cyan);opacity:.75;animation:visitorPing 2.2s cubic-bezier(0,0,.2,1) infinite}.visitor-counter__core{position:relative;width:5px;height:5px;border-radius:9999px;background:var(--color-cyan);box-shadow:0 0 8px #38bdf8cc}.visitor-counter__label{font-weight:700;color:var(--color-text-dim);letter-spacing:.15em}.visitor-counter__count{font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-cyan);min-width:2ch}@keyframes visitorPing{75%,to{transform:scale(2.6);opacity:0}}.hud-btn-primary{border-color:#fbbf2473;color:var(--color-amber)}.race-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none;padding:0 4px}.race-pill{display:flex;align-items:baseline;gap:8px;background:var(--color-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);padding:8px 16px;border-radius:9999px;box-shadow:0 8px 32px #00000040}.race-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--color-text-dim)}.race-value{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;color:#fff}.race-flash{font-size:26px;font-weight:800;letter-spacing:2px;color:var(--color-amber);text-shadow:0 2px 18px rgba(0,0,0,.6);opacity:0;transition:opacity .25s ease}.race-flash.show{opacity:1}.results-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0206178c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:auto;z-index:50}.results-card{background:#0f172aeb;border:1px solid var(--color-border);border-radius:24px;padding:28px 32px;min-width:340px;max-width:min(480px,90vw);box-shadow:0 24px 80px #00000080;display:flex;flex-direction:column;gap:12px}.results-title{font-size:24px;font-weight:800;letter-spacing:1px;text-align:center}.results-subtitle{font-size:14px;font-weight:600;color:var(--color-amber);text-align:center}.results-rows{display:flex;flex-direction:column;gap:6px;font-variant-numeric:tabular-nums}.results-row{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:6px 12px;border-radius:10px;background:#ffffff0a}.results-row.me{background:#38bdf826;border:1px solid rgba(56,189,248,.35);font-weight:700}.results-row .r-time{color:var(--color-text-dim);font-family:var(--font-mono);font-size:13px}.results-actions{display:flex;gap:10px;justify-content:center;margin-top:6px}