@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Inter:wght@300;400;700&display=swap";:root{--bg-dark: #0A0E1A;--bg-card: #121829;--neon-cyan: #00F5FF;--neon-magenta: #FF006E;--neon-green: #39FF14;--neon-purple: #BD00FF;--text-main: #E0E0E0;--text-muted: #6B7280;--font-mono: "Fira Code", "SF Mono", Menlo, monospace;--font-sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);overflow:hidden;-webkit-user-select:none;user-select:none}.game-container{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;background-color:var(--bg-dark);overflow:hidden}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 4px,6px 100%;z-index:999;pointer-events:none;opacity:.4}.game-header{height:64px;background-color:#0a0e1ae6;border-bottom:2px solid rgba(0,245,255,.2);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:10;box-shadow:0 0 15px #00f5ff1a}.brand{display:flex;align-items:center;gap:10px}.logo-icon{font-size:24px;filter:drop-shadow(0 0 8px var(--neon-cyan));animation:pulse 1.5s infinite alternate}.brand h1{font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.1em;font-weight:700}.neon-text-cyan{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.neon-text-magenta{color:var(--neon-magenta);text-shadow:0 0 8px var(--neon-magenta)}.header-actions{display:flex;align-items:center;gap:16px}.icon-btn{background:transparent;border:1px solid rgba(0,245,255,.3);color:var(--neon-cyan);width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:all .2s ease}.icon-btn:hover{background:#00f5ff1a;box-shadow:0 0 10px var(--neon-cyan);border-color:var(--neon-cyan)}.score-badge{background:#ff006e1a;border:1px solid var(--neon-magenta);padding:6px 16px;border-radius:4px;display:flex;flex-direction:column;align-items:flex-end;box-shadow:0 0 8px #ff006e33}.score-badge .label{font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono)}.score-badge .value{font-size:1.1rem;font-family:var(--font-mono);font-weight:700;color:var(--neon-magenta);text-shadow:0 0 5px var(--neon-magenta)}.game-main{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.garage-screen{width:100%;height:100%;max-width:1200px;padding:32px 24px;display:flex;flex-direction:column;justify-content:center}.garage-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;height:100%}.skins-panel{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.panel-title{font-family:var(--font-mono);font-size:1.2rem;color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,245,255,.3);margin-bottom:8px}.skins-list{display:flex;flex-direction:column;gap:16px}.skin-card{border:1px solid rgba(255,255,255,.1);background:#0a0e1a99;border-radius:4px;padding:16px;cursor:pointer;transition:all .25s ease;position:relative}.skin-card:hover{border-color:var(--skin-color);box-shadow:0 0 12px #ffffff0d}.skin-card.selected{border-color:var(--skin-color);background:#ffffff05;box-shadow:0 0 15px var(--skin-color)}.skin-card.locked{opacity:.6;cursor:not-allowed;border-color:#ffffff0d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.skin-name{font-family:var(--font-mono);font-weight:700;font-size:1rem}.lock-badge{font-size:.75rem;color:var(--neon-magenta);background:#ff006e1a;padding:2px 8px;border-radius:2px;border:1px solid var(--neon-magenta)}.unlocked-badge{font-size:.75rem;color:var(--neon-green);background:#39ff141a;padding:2px 8px;border-radius:2px}.skin-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:12px}.skin-stats{display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--text-muted)}.stat-bar{width:120px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.stat-fill{height:100%;border-radius:3px}.start-panel{display:flex;flex-direction:column;justify-content:space-between;gap:24px}.neon-banner{background:linear-gradient(135deg,#00f5ff1a,#bd00ff1a);border:1px solid var(--neon-cyan);border-radius:4px;padding:20px;display:flex;gap:16px;align-items:center}.banner-icon{color:var(--neon-cyan);filter:drop-shadow(0 0 8px var(--neon-cyan));flex-shrink:0}.neon-banner h3{font-family:var(--font-mono);font-size:1rem;margin-bottom:4px}.neon-banner p{font-size:.8rem;color:var(--text-muted);line-height:1.4}.controls-guide{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:20px}.controls-guide h4{font-family:var(--font-mono);font-size:.9rem;color:var(--text-main);margin-bottom:12px}.keys-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.key-item{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-muted)}kbd{background:#1e293b;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:2px 6px;font-family:var(--font-mono);color:var(--neon-cyan);box-shadow:0 2px #00f5ff33}.start-btn{background:var(--neon-cyan);color:#000;border:none;border-radius:4px;padding:18px;font-family:var(--font-mono);font-weight:700;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 0 20px #00f5ff66;transition:all .2s ease}.start-btn:hover{background:#fff;box-shadow:0 0 30px var(--neon-cyan);transform:translateY(-2px)}.countdown-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#0a0e1af2}.countdown-box{text-align:center}.hud-label{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:.2em}.countdown-number{font-family:var(--font-mono);font-size:8rem;color:var(--neon-cyan);text-shadow:0 0 30px var(--neon-cyan);margin:16px 0}.countdown-sub{font-size:.9rem;color:var(--text-muted)}.gameplay-area{position:relative;width:100%;height:100%}.game-canvas{width:100%;height:100%;display:block}.hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:24px;box-sizing:border-box}.hud-top{display:flex;justify-content:space-between;width:100%}.hud-item{background:#0a0e1acc;border:1px solid rgba(0,245,255,.2);padding:10px 20px;border-radius:4px;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative}.timer-hud{border-color:var(--neon-green);min-width:140px;align-items:center}.timer-hud.critical{border-color:var(--neon-magenta);animation:alarm-blink .5s infinite alternate}.timer-hud .hud-value{font-size:1.6rem;color:#fff}.timer-hud.critical .hud-value{color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta)}.timer-progress{width:100%;height:4px;background:#ffffff1a;margin-top:4px;border-radius:2px;overflow:hidden}.timer-progress-fill{height:100%;transition:width 1s linear}.inline-icon{vertical-align:middle;margin-right:4px}.hud-title{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.1em}.hud-value{font-family:var(--font-mono);font-size:1.3rem;font-weight:700}.hud-bottom{display:flex;justify-content:space-between;align-items:flex-end;width:100%}.nitro-indicator{background:#0a0e1acc;border:1px solid rgba(0,245,255,.2);padding:12px 20px;border-radius:4px;display:flex;flex-direction:column;gap:8px;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nitro-status-bar{display:flex;align-items:center;gap:12px}.nitro-btn{border:none;border-radius:3px;padding:6px 12px;font-family:var(--font-mono);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.nitro-btn.ready{background:var(--neon-cyan);color:#000;box-shadow:0 0 10px #00f5ff66}.nitro-btn.cooldown{background:#1e293b;color:var(--text-muted);cursor:not-allowed}.cooldown-progress-bar{width:100px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.cooldown-progress-fill{height:100%;background:var(--neon-cyan);box-shadow:0 0 8px var(--neon-cyan);transition:width .1s linear}.speedometer{background:#0a0e1acc;border:1px solid rgba(255,0,110,.2);padding:16px 24px;border-radius:4px;text-align:right;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.speed-num{font-family:var(--font-mono);font-size:2.2rem;font-weight:700;color:var(--neon-magenta);text-shadow:0 0 10px var(--neon-magenta)}.speed-unit{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-left:6px}.hud-tips{position:absolute;left:24px;top:90px;display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.quit-race-btn{position:absolute;right:24px;top:90px;pointer-events:auto;background:#ff006e1a;border:1px solid var(--neon-magenta);color:var(--neon-magenta);border-radius:4px;padding:6px 12px;font-family:var(--font-mono);font-size:.75rem;cursor:pointer;transition:all .2s ease}.quit-race-btn:hover{background:var(--neon-magenta);color:#fff;box-shadow:0 0 10px var(--neon-magenta)}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0e1ad9;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gameover-modal{background:var(--bg-card);border:2px solid var(--neon-magenta);box-shadow:0 0 30px #ff006e33;border-radius:4px;padding:40px;width:100%;max-width:480px;text-align:center}.glitch-text{font-family:var(--font-mono);font-size:2rem;color:var(--neon-magenta);text-shadow:0 0 12px var(--neon-magenta);margin-bottom:8px;letter-spacing:.1em}.subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:24px}.stats-summary{background:#0a0e1a99;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:16px;margin-bottom:32px;display:flex;flex-direction:column;gap:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.9rem}.summary-row span:first-child{color:var(--text-muted)}.summary-row span:last-child{font-weight:700}.modal-actions{display:flex;gap:16px}.primary-btn{flex:1;background:var(--neon-cyan);color:#000;border:none;border-radius:4px;padding:12px;font-family:var(--font-mono);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 15px #00f5ff4d;transition:all .2s ease}.primary-btn:hover{background:#fff;box-shadow:0 0 25px var(--neon-cyan)}.secondary-btn{flex:1;background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-main);border-radius:4px;padding:12px;font-family:var(--font-mono);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.secondary-btn:hover{background:#ffffff0d;border-color:#fff}.help-modal{background:var(--bg-card);border:1px solid var(--neon-cyan);border-radius:4px;padding:32px;width:100%;max-width:450px;box-shadow:0 0 25px #00f5ff33}.help-modal h3{font-family:var(--font-mono);color:var(--neon-cyan);margin-bottom:20px;font-size:1.1rem}.help-list{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.help-row{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.help-row span{color:var(--text-muted)}.close-help-btn{width:100%;background:#00f5ff1a;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:10px;border-radius:4px;cursor:pointer;font-family:var(--font-mono);transition:all .2s ease}.close-help-btn:hover{background:var(--neon-cyan);color:#000}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}@keyframes alarm-blink{0%{background:#ff006e1a;box-shadow:0 0 5px #ff006e33}to{background:#ff006e4d;box-shadow:0 0 15px #ff006e99}}