:root{--bg: #0F0F0F;--surface: #1A1A1A;--surface-elev: #2A2A2A;--fg: #FFD8A8;--fg-bright: #FFFFFF;--muted: #8A8A8A;--accent: #C74500;--accent-glow: #FF6B1A;--secondary: #5B2C6E;--danger: #E63946;--border: #333333;--border-active: #E63946;--font-display: "Racing Sans One", sans-serif;--font-body: "Share Tech Mono", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 16px;--text-lg: 20px;--text-xl: 28px;--text-2xl: 36px;--text-3xl: 48px;--text-4xl: 64px;--radius: 4px;--radius-lg: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{width:100%;height:100%}canvas{display:block}.hud-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;font-family:var(--font-body)}.brand-mark{position:absolute;top:20px;left:24px;display:flex;align-items:center;gap:10px;opacity:.85}.brand-mark .logo{width:28px;height:28px}.brand-mark .title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--fg-bright);letter-spacing:.04em;text-transform:uppercase}.brand-mark .tagline{font-size:var(--text-xs);color:var(--muted);letter-spacing:.15em;text-transform:uppercase}.speed-panel{position:absolute;bottom:24px;left:24px;background:#0f0f0fb8;border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;min-width:160px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.speed-panel .label{font-size:var(--text-xs);color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px}.speed-panel .value{font-size:var(--text-4xl);color:var(--fg-bright);font-weight:400;line-height:1;text-shadow:0 0 20px rgba(199,69,0,.4)}.speed-panel .unit{font-size:var(--text-sm);color:var(--accent-glow);letter-spacing:.1em;margin-top:2px}.speed-panel .rpm-bar{margin-top:10px;height:4px;background:var(--surface-elev);border-radius:2px;overflow:hidden}.speed-panel .rpm-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-glow),var(--danger));transition:width .1s linear;border-radius:2px}.lap-panel{position:absolute;top:20px;right:24px;background:#0f0f0fb8;border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;min-width:180px;text-align:right;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lap-panel .label{font-size:var(--text-xs);color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px}.lap-panel .value{font-size:var(--text-2xl);color:var(--fg-bright);line-height:1}.lap-panel .best{font-size:var(--text-xs);color:var(--accent-glow);margin-top:6px;letter-spacing:.1em}.minimap-panel{position:absolute;bottom:24px;right:24px;background:#0f0f0fb8;border:1px solid var(--border);border-radius:var(--radius);padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.minimap-panel canvas{display:block}.minimap-panel .label{font-size:var(--text-xs);color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px;text-align:center}.controls-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity .5s ease;pointer-events:none}.controls-hint.visible{opacity:1}.controls-hint .main{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--fg-bright);text-transform:uppercase;text-shadow:0 0 40px rgba(199,69,0,.6);margin-bottom:12px}.controls-hint .sub{font-size:var(--text-sm);color:var(--fg);letter-spacing:.2em;text-transform:uppercase}.controls-hint .keys{margin-top:16px;display:flex;gap:8px;justify-content:center}.controls-hint .key{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;background:#2a2a2acc;border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);color:var(--fg-bright)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;transition:opacity .8s ease}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-screen .title{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--fg-bright);text-transform:uppercase;text-shadow:0 0 60px rgba(199,69,0,.5);margin-bottom:8px}.loading-screen .tagline{font-size:var(--text-sm);color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:32px}.loading-screen .progress-bar{width:240px;height:2px;background:var(--surface-elev);border-radius:1px;overflow:hidden}.loading-screen .progress-fill{height:100%;background:var(--accent);width:0%;transition:width .3s ease;box-shadow:0 0 12px var(--accent-glow)}.loading-screen .progress-text{margin-top:10px;font-size:var(--text-xs);color:var(--muted);letter-spacing:.15em}.gear-panel{position:absolute;bottom:24px;left:200px;background:#0f0f0fb8;border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gear-panel .label{font-size:var(--text-xs);color:var(--muted);letter-spacing:.2em;text-transform:uppercase}.gear-panel .value{font-size:var(--text-2xl);color:var(--accent-glow);line-height:1.2}.lap-counter{font-size:var(--text-sm);color:var(--muted);margin-top:4px;letter-spacing:.1em}.lap-counter .current{color:var(--fg-bright)}.fps-counter{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:var(--text-xs);color:var(--muted);letter-spacing:.15em;opacity:.5}