*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0a0a1a;--color-bg-overlay:#0a0a1ad9;--color-surface:#12122a;--color-surface-hover:#1a1a3a;--color-cyan:#00f0ff;--color-magenta:#f0a;--color-purple:#8b5cf6;--color-yellow:#fbbf24;--color-green:#22d3ee;--color-text:#e8e8f0;--color-text-dim:#88a;--color-text-bright:#fff;--glow-cyan:0 0 20px #00f0ff80, 0 0 60px #00f0ff33;--glow-magenta:0 0 20px #ff00aa80, 0 0 60px #f0a3;--glow-purple:0 0 20px #8b5cf680, 0 0 60px #8b5cf633;--font-display:"Orbitron", monospace, sans-serif;--font-body:"Inter", system-ui, sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--border-subtle:1px solid #ffffff0f;--border-glow:1px solid #00f0ff4d;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.6s ease}html,body{background:var(--color-bg);width:100%;height:100%;color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#game-container{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}#game-container canvas{display:block;width:100%!important;height:100%!important}#loading-screen{z-index:1000;background:var(--color-bg);width:100%;height:100%;transition:opacity var(--transition-slow), visibility var(--transition-slow);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}#loading-screen.fade-out{opacity:0;visibility:hidden}.loading-content{text-align:center}.loading-title{font-family:var(--font-display);letter-spacing:.2em;background:linear-gradient(135deg, var(--color-cyan), var(--color-magenta));-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 30px #00f0ff4d);margin-bottom:var(--space-xl);background-clip:text;font-size:clamp(2rem,6vw,4rem);font-weight:900;animation:2s ease-in-out infinite alternate title-pulse}@keyframes title-pulse{0%{filter:drop-shadow(0 0 20px #00f0ff33)}to{filter:drop-shadow(0 0 40px #f0a6)}}.loading-bar-container{width:clamp(200px,40vw,400px);height:4px;margin:0 auto var(--space-md);background:#ffffff14;border-radius:2px;overflow:hidden}.loading-bar{background:linear-gradient(90deg, var(--color-cyan), var(--color-magenta));width:0%;height:100%;transition:width var(--transition-normal);border-radius:2px;box-shadow:0 0 10px #00f0ff80}.loading-status{font-family:var(--font-body);color:var(--color-text-dim);letter-spacing:.05em;font-size:.85rem}#hud{pointer-events:none;z-index:100;width:100%;height:100%;position:fixed;top:0;left:0}#hud>*{pointer-events:auto}#hud-speed{bottom:var(--space-xl);right:var(--space-xl);font-family:var(--font-display);align-items:baseline;gap:var(--space-xs);display:flex;position:absolute}#speed-value{color:var(--color-cyan);text-shadow:var(--glow-cyan);font-size:3rem;font-weight:900;line-height:1}.speed-unit{color:var(--color-text-dim);letter-spacing:.1em;font-size:.8rem;font-weight:400}#hud-fps{top:var(--space-sm);left:var(--space-sm);font-family:var(--font-body);color:var(--color-text-dim);font-size:.7rem;position:absolute}#version-badge{bottom:var(--space-sm);left:var(--space-sm);font-family:var(--font-display);color:var(--color-text-dim);letter-spacing:.15em;opacity:.5;font-size:.65rem;font-weight:400;position:absolute}.hidden{display:none!important}#main-menu{z-index:500;-webkit-backdrop-filter:blur(8px);background:#050510eb;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#main-menu.hidden{display:none!important}.menu-content{text-align:center;width:90%;max-width:800px;padding:var(--space-xl)}.menu-title{font-family:var(--font-display);letter-spacing:.15em;background:linear-gradient(135deg, var(--color-cyan), var(--color-magenta), var(--color-purple));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px #00f0ff4d);margin-bottom:var(--space-sm);background-size:200% 200%;background-clip:text;font-size:clamp(2.5rem,8vw,5rem);font-weight:900;animation:4s ease-in-out infinite alternate menu-title-shift}@keyframes menu-title-shift{0%{filter:drop-shadow(0 0 30px #00f0ff4d);background-position:0%}to{filter:drop-shadow(0 0 40px #f0a6);background-position:100%}}.menu-tagline{font-family:var(--font-body);color:var(--color-text-dim);letter-spacing:.08em;margin-bottom:var(--space-2xl);font-size:.95rem}.vehicle-selector{gap:var(--space-md);margin-bottom:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.vehicle-card{border-radius:var(--radius-md);padding:var(--space-lg) var(--space-md) var(--space-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;background:#12122ab3;border:1px solid #ffffff0f;position:relative;overflow:hidden}.vehicle-card:hover{background:#1a1a3acc;border-color:#ffffff1f;transform:translateY(-2px)}.vehicle-card.selected{border-color:#00f0ff66;box-shadow:0 0 20px #00f0ff26,inset 0 0 20px #00f0ff0d}.vehicle-card-accent{opacity:.6;width:100%;height:3px;position:absolute;top:0;left:0}.vehicle-card.selected .vehicle-card-accent{opacity:1;box-shadow:0 0 10px}.vehicle-card-name{font-family:var(--font-display);letter-spacing:.1em;margin-bottom:var(--space-xs);font-size:1.1rem;font-weight:700}.vehicle-card-category{font-family:var(--font-body);color:var(--color-text-dim);letter-spacing:.15em;margin-bottom:var(--space-sm);font-size:.65rem;font-weight:600}.vehicle-card-desc{color:var(--color-text-dim);margin-bottom:var(--space-md);font-size:.8rem;line-height:1.4}.vehicle-card-stats{flex-direction:column;gap:6px;display:flex}.stat{align-items:center;gap:var(--space-sm);display:flex}.stat-label{font-family:var(--font-display);color:var(--color-text-dim);letter-spacing:.1em;flex-shrink:0;width:28px;font-size:.6rem;font-weight:400}.stat-bar{background:#ffffff0f;border-radius:2px;flex:1;height:4px;overflow:hidden}.stat-fill{height:100%;transition:width var(--transition-normal);border-radius:2px}.play-btn{appearance:none;color:var(--color-cyan);font-family:var(--font-display);letter-spacing:.3em;padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--space-lg);background:#00f0ff14;border:1px solid #00f0ff66;font-size:1.2rem;font-weight:700;position:relative;overflow:hidden}.play-btn:hover{background:#00f0ff26;border-color:#00f0ff99;transform:scale(1.02);box-shadow:0 0 30px #00f0ff33,inset 0 0 30px #00f0ff0d}.play-btn:active{transform:scale(.98)}.play-btn-glow{pointer-events:none;background:radial-gradient(circle,#00f0ff1a 0%,#0000 70%);width:200%;height:200%;animation:2s ease-in-out infinite alternate btn-glow-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes btn-glow-pulse{0%{opacity:.3}to{opacity:.8}}.menu-hint{color:var(--color-text-dim);opacity:.6;letter-spacing:.05em;font-size:.75rem}@media (width<=768px){#speed-value{font-size:2rem}#hud-speed{bottom:var(--space-lg);right:var(--space-lg)}.vehicle-selector{gap:var(--space-sm);grid-template-columns:1fr}.menu-title{font-size:clamp(1.8rem,10vw,3rem)}.play-btn{padding:var(--space-sm) var(--space-xl);font-size:1rem}.menu-hint{display:none}}