@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Orbitron:wght@400;700;900&display=swap";:root{--bg-color: #121212;--primary-accent: #00ffcc;--secondary-accent: #ff00ff;--tertiary-accent: #ffcc00;--text-primary: #ffffff;--text-secondary: #888888;--success-color: #00ff88;--danger-color: #ff4466;--player1-color: #00ffcc;--player2-color: #ff00ff;--player3-color: #ffff00;--player4-color: #00ff88}*{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-color);font-family:Orbitron,sans-serif;color:var(--text-primary)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 0%,rgba(0,255,204,.02) 50%,transparent 100%),linear-gradient(90deg,rgba(0,255,204,.03) 1px,transparent 1px),linear-gradient(rgba(0,255,204,.03) 1px,transparent 1px);background-size:100% 4px,50px 50px,50px 50px;animation:gridPulse 4s ease-in-out infinite;pointer-events:none;z-index:1000}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:1}}body:after{content:"";position:fixed;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-accent) 0%,var(--secondary-accent) 50%,var(--primary-accent) 100%);box-shadow:0 0 20px var(--primary-accent),0 0 40px var(--secondary-accent);z-index:999}#gameCanvas{display:block;width:100%;height:100%}#ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#minimapContainer{position:absolute;top:20px;left:50%;transform:translate(-50%)}.player-hud{position:absolute;top:20px;font-size:24px;font-weight:800}#hud-p1{left:20px;color:var(--player1-color);text-shadow:0 0 10px var(--player1-color),0 0 20px var(--player1-color)}#hud-p2{right:20px;text-align:right;color:var(--player2-color);text-shadow:0 0 10px var(--player2-color),0 0 20px var(--player2-color)}#hud-p3{left:20px;bottom:80px;top:auto;color:var(--player3-color);text-shadow:0 0 10px var(--player3-color),0 0 20px var(--player3-color)}#hud-p4{right:20px;bottom:80px;top:auto;text-align:right;color:var(--player4-color);text-shadow:0 0 10px var(--player4-color),0 0 20px var(--player4-color)}.lapInfo{font-size:1.2rem;margin-top:10px;line-height:1.4}#hud-p1 .lapInfo{color:var(--player1-color)}#hud-p2 .lapInfo{color:var(--player2-color)}#hud-p3 .lapInfo{color:var(--player3-color)}#hud-p4 .lapInfo{color:var(--player4-color)}.hidden{display:none!important}#menus{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3000}.menu-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#121212f2;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:auto}#studioSplashScreen{background-color:#000}.menu-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 3rem;width:min(95vw,480px);background:linear-gradient(180deg,#141414f2,#0a0a0afa);border:2px solid var(--primary-accent);border-radius:8px;box-shadow:0 0 30px #00ffcc4d,0 0 60px #f0f3,inset 0 0 30px #00ffcc0d;position:relative}.menu-screen h1{font-family:"Press Start 2P",monospace;font-size:1.4rem;line-height:1.6;color:var(--primary-accent);text-shadow:0 0 10px var(--primary-accent),0 0 20px var(--primary-accent),0 0 40px var(--primary-accent);letter-spacing:2px;animation:titleGlow 2s ease-in-out infinite alternate;text-align:center}@keyframes titleGlow{0%{text-shadow:0 0 10px var(--primary-accent),0 0 20px var(--primary-accent),0 0 40px var(--primary-accent)}to{text-shadow:0 0 20px var(--primary-accent),0 0 40px var(--secondary-accent),0 0 60px var(--primary-accent)}}#onboardingScreen .menu-container{border-color:var(--secondary-accent);box-shadow:0 0 30px #ff00ff4d,0 0 60px #0fc3,inset 0 0 30px #ff00ff0d}#onboardingTitle{color:var(--secondary-accent);text-shadow:0 0 10px var(--secondary-accent),0 0 20px var(--secondary-accent),0 0 40px var(--secondary-accent);animation:titleGlowSecondary 2s ease-in-out infinite alternate}@keyframes titleGlowSecondary{0%{text-shadow:0 0 10px var(--secondary-accent),0 0 20px var(--secondary-accent),0 0 40px var(--secondary-accent)}to{text-shadow:0 0 20px var(--secondary-accent),0 0 40px var(--tertiary-accent),0 0 60px var(--secondary-accent)}}#onboardingText{color:#ddd;font-family:Orbitron,sans-serif;font-weight:400;text-shadow:0 0 5px rgba(255,255,255,.2)}.menu-screen h2{font-family:"Press Start 2P",monospace;color:var(--primary-accent);font-size:.9rem;text-shadow:0 0 15px var(--primary-accent);letter-spacing:2px}.subtitle{font-family:Orbitron,sans-serif;color:var(--secondary-accent);font-size:.75rem;text-transform:uppercase;letter-spacing:4px;margin-top:-.5rem;text-shadow:0 0 10px var(--secondary-accent)}.menu-screen .huge-text{font-family:"Press Start 2P",monospace;font-size:6rem;animation:pulse 1s infinite;text-shadow:0 0 30px var(--primary-accent),0 0 60px var(--secondary-accent)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}to{transform:scale(1);opacity:1}}.section{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.section label{font-family:"Press Start 2P",monospace;color:var(--tertiary-accent);font-size:.6rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,204,0,.5)}.start-btn{padding:1rem 2.5rem;font-family:"Press Start 2P",monospace;font-size:.9rem;color:#000;background:linear-gradient(180deg,var(--success-color) 0%,#00cc66 100%);border:2px solid var(--success-color);border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 20px #00ff8880,inset 0 1px #ffffff4d;position:relative;text-shadow:none}.start-btn:hover,.start-btn:focus-visible,.start-btn:focus{outline:none;background:linear-gradient(180deg,#00ffaa 0%,var(--success-color) 100%);box-shadow:0 0 30px #00ff88b3,0 0 60px #0f86,inset 0 1px #ffffff4d;transform:translateY(-2px)}.start-btn:active{transform:translateY(0);box-shadow:0 0 15px #00ff8880,inset 0 1px #ffffff4d}.secondary-btn{padding:.7rem 1.8rem;font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--primary-accent);background:transparent;border:2px solid var(--primary-accent);border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px #00ffcc4d}.secondary-btn:hover,.secondary-btn:focus-visible,.secondary-btn:focus{outline:none;background:#00ffcc1a;border-color:var(--secondary-accent);color:var(--secondary-accent);box-shadow:0 0 20px #f0f6}.secondary-btn:active{background:#0fc3}.danger-btn{border-color:var(--danger-color);color:var(--danger-color);box-shadow:0 0 10px #ff44664d}.danger-btn:hover,.danger-btn:focus-visible,.danger-btn:focus{outline:none;background:#ff44661a;border-color:#f68;color:#f68;box-shadow:0 0 20px #ff446680}.menu-actions-column{display:flex;flex-direction:column;gap:15px;width:100%;max-width:320px}.menu-action-btn{width:100%;height:55px;display:flex;justify-content:center;align-items:center;font-size:.7rem;padding:0;box-sizing:border-box}#garageResultsBtn{width:min(100%,320px);align-self:center;margin:0 0 20px}#garageResultsBtn:not(.hidden){display:flex}.player-buttons{display:flex;gap:.5rem}.player-btn{width:50px;height:50px;border:2px solid #444;background:transparent;color:#666;font-family:"Press Start 2P",monospace;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.player-btn:hover,.player-btn:focus-visible,.player-btn:focus{outline:none;border-color:var(--primary-accent);color:var(--primary-accent);box-shadow:0 0 15px #00ffcc4d}.player-btn.active{background:linear-gradient(180deg,var(--primary-accent) 0%,#00cc99 100%);border-color:var(--primary-accent);color:#000;box-shadow:0 0 20px #00ffcc80,0 0 40px #00ffcc4d;text-shadow:none}.nav-btn{width:40px;height:40px;border:2px solid var(--primary-accent);background:transparent;color:var(--primary-accent);font-size:1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 10px #00ffcc4d}.nav-btn:hover,.nav-btn:focus-visible,.nav-btn:focus{outline:none;background:#00ffcc1a;color:var(--secondary-accent);border-color:var(--secondary-accent);box-shadow:0 0 20px #f0f6}.nav-btn:active{background:#0fc3}.menu-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;width:100%}.track-selector{display:flex;align-items:center;gap:.75rem}.track-display{display:flex;flex-direction:column;align-items:center;min-width:180px;padding:.75rem 1rem;background:#00ffcc0d;border:1px solid rgba(0,255,204,.3);border-radius:8px}.track-number{font-family:Orbitron,sans-serif;color:#666;font-size:.65rem;letter-spacing:2px}.track-name{font-family:"Press Start 2P",monospace;color:var(--tertiary-accent);font-size:.55rem;text-shadow:0 0 10px rgba(255,204,0,.5);margin-top:.25rem}.controls-info{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%}.controls-info.single-player{grid-template-columns:1fr}.control-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#00ffcc0d;border:1px solid rgba(0,255,204,.2);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.control-item:hover{background:#00ffcc1a;border-color:var(--primary-accent)}.control-item.controller-mode{border-color:#0cf;box-shadow:0 0 15px #00ccff4d}.control-item.controller-mode .player-label{color:#0cf;text-shadow:0 0 10px rgba(0,204,255,.5)}.control-item.controller-mode .keys{color:#0cf}.controls-hint{font-family:Orbitron,sans-serif;font-size:.6rem;color:#555;text-align:center;margin-top:.5rem;margin-bottom:.25rem;letter-spacing:1px;transition:color .2s ease}.controls-info:hover+.controls-hint,.controls-hint:hover{color:#888}.footer-links{position:absolute;bottom:1.5rem;right:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.footer-link{font-family:Orbitron,sans-serif;font-size:.65rem;color:#666;letter-spacing:.5px;cursor:pointer;transition:color .2s ease;text-decoration:none;opacity:.8}.footer-link:hover{color:#0fc;opacity:1;text-shadow:0 0 8px rgba(0,255,204,.5)}.music-credit{font-family:Orbitron,sans-serif;font-size:.65rem;color:#666;letter-spacing:.5px;cursor:pointer;transition:color .2s ease;text-decoration:none;opacity:.8}.music-credit:hover{color:#0fc;opacity:1;text-shadow:0 0 8px rgba(0,255,204,.5)}.player-label{font-family:"Press Start 2P",monospace;color:var(--primary-accent);font-size:.45rem;min-width:55px;text-shadow:0 0 10px rgba(0,255,204,.5)}.keys{font-family:Orbitron,sans-serif;color:#888;font-size:.7rem}.boost-key{font-family:Orbitron,sans-serif;color:var(--tertiary-accent);font-size:.6rem;margin-left:auto;text-shadow:0 0 8px rgba(255,204,0,.4)}.settings-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.75rem 1rem;background:#00ffcc0d;border:1px solid rgba(0,255,204,.2);border-radius:8px}.settings-item label{font-family:"Press Start 2P",monospace;color:#888;font-size:.45rem;letter-spacing:1px}.toggle{appearance:none;width:48px;height:24px;border-radius:12px;background:#ffffff1a;border:2px solid #444;position:relative;cursor:pointer;transition:all .2s ease}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#666;transition:all .2s ease}.toggle:focus-visible,.toggle:focus{outline:none;border-color:var(--secondary-accent);box-shadow:0 0 15px #ff00ff80}.toggle:checked{background:linear-gradient(90deg,var(--primary-accent),var(--secondary-accent));border-color:var(--primary-accent);box-shadow:0 0 15px #00ffcc80}.toggle:checked:after{transform:translate(24px);background:#fff;box-shadow:0 0 10px #fff}.leaderboard-track{font-family:"Press Start 2P",monospace;color:var(--tertiary-accent);font-size:.55rem;letter-spacing:1px;text-align:center;text-shadow:0 0 10px rgba(255,204,0,.5)}.leaderboard-note{font-family:Orbitron,sans-serif;color:#666;font-size:.6rem;letter-spacing:1px;text-align:center;margin-top:-.25rem}.leaderboard-list{width:100%;max-height:min(50vh,360px);overflow:auto;padding:0;margin:0;list-style:none;border:1px solid rgba(0,255,204,.3);border-radius:8px;background:#0000004d}.leaderboard-item{display:grid;grid-template-columns:36px 1fr 1fr auto;gap:.75rem;align-items:center;padding:.65rem .75rem;border-bottom:1px solid rgba(0,255,204,.1);color:#ddd;font-family:Orbitron,sans-serif;font-size:.8rem}.leaderboard-item:last-child{border-bottom:none}.leaderboard-rank{font-family:"Press Start 2P",monospace;color:#666;font-size:.55rem;text-align:right}.leaderboard-time{font-family:"Press Start 2P",monospace;font-size:.6rem;color:#fff;letter-spacing:1px}.leaderboard-meta{font-size:.65rem;color:#888;text-align:right;white-space:nowrap}.leaderboard-score{font-family:"Press Start 2P",monospace;font-size:.55rem;color:var(--secondary-accent);text-align:right;margin-right:15px}.leaderboard-item.rank-1 .leaderboard-time{color:var(--tertiary-accent);text-shadow:0 0 12px rgba(255,204,0,.5)}.leaderboard-empty{padding:1rem;color:#777;font-family:Orbitron,sans-serif;font-size:.75rem;text-align:center}.leaderboard-actions{display:flex;gap:.6rem}#campaign-hud{position:fixed;top:20px;right:20px;background:#000000b3;border:2px solid var(--tertiary-accent);border-radius:8px;padding:10px 20px;box-shadow:0 0 15px #fc06;z-index:1000;text-align:right;min-width:250px;pointer-events:none}#campaign-hud.hidden{display:none}#campaignGoalTitle{font-family:"Press Start 2P",monospace;font-size:.6rem;color:#fff;margin-bottom:5px;text-shadow:0 0 5px rgba(255,255,255,.5);letter-spacing:1px}#campaignGoalObjective{font-family:Orbitron,sans-serif;font-size:.75rem;color:#ccc;margin-bottom:15px;font-style:italic;max-width:250px}#campaignGoalStatus{font-family:Orbitron,sans-serif;font-size:1.2rem;color:var(--tertiary-accent);font-weight:700;text-shadow:0 0 10px var(--tertiary-accent)}#playerSlots{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;justify-content:center;max-width:100%}.player-slot{border:2px solid #444;padding:15px 10px;border-radius:8px;text-align:center;background:#00ffcc0d;min-width:100px;flex:1 1 calc(50% - 15px);max-width:140px;transition:all .3s ease}.player-slot.p1{border-color:var(--player1-color);box-shadow:0 0 20px #0fc6}.player-slot.p2{border-color:var(--player2-color);box-shadow:0 0 20px #f0f6}.player-slot.p3{border-color:var(--player3-color);box-shadow:0 0 20px #ff06}.player-slot.p4{border-color:var(--player4-color);box-shadow:0 0 20px #0f86}.player-slot h3{font-family:"Press Start 2P",monospace;font-size:.7rem;margin-bottom:10px}.player-slot.p1 h3{color:var(--player1-color);text-shadow:0 0 10px var(--player1-color)}.player-slot.p2 h3{color:var(--player2-color);text-shadow:0 0 10px var(--player2-color)}.player-slot.p3 h3{color:var(--player3-color);text-shadow:0 0 10px var(--player3-color)}.player-slot.p4 h3{color:var(--player4-color);text-shadow:0 0 10px var(--player4-color)}.player-slot p{font-family:Orbitron,sans-serif;font-size:.8rem;color:#888}.player-slot .ready-text{color:var(--success-color);font-family:"Press Start 2P",monospace;font-size:.6rem;margin-top:10px;text-shadow:0 0 10px var(--success-color)}.volume-controls{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem;width:380px;background:#00ffcc0d;padding:1.5rem 2rem;border-radius:8px;border:1px solid rgba(0,255,204,.2)}.volume-row{display:flex;align-items:center;gap:1rem}.volume-row label{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#888;width:100px;flex-shrink:0}.volume-row input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:#0fc3;border-radius:3px;outline:none;cursor:pointer}.volume-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));box-shadow:0 0 10px var(--primary-accent);cursor:pointer;transition:box-shadow .2s}.volume-row input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 20px var(--primary-accent),0 0 30px var(--secondary-accent)}.volume-row span{font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--primary-accent);width:40px;text-align:right}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{width:55px;position:absolute;inset:0;background:#ffffff1a;border:2px solid #444;border-radius:14px;transition:background .2s,box-shadow .2s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:50%;transform:translateY(-50%);background:#666;border-radius:50%;transition:transform .2s,background .2s,box-shadow .2s}.toggle-switch input:checked+.toggle-slider{background:#0fc3;border-color:var(--primary-accent);box-shadow:0 0 15px #0fc6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px,-50%);background:var(--primary-accent);box-shadow:0 0 10px var(--primary-accent)}.stats-container{display:flex;gap:4rem;margin-bottom:2rem}.stats{text-align:center}.stats h2{font-family:"Press Start 2P",monospace;font-size:.8rem;margin-bottom:1rem}.stats p{font-family:Orbitron,sans-serif;font-size:1rem;margin:.5rem 0;color:#fff}.p1-stats h2,.p1-stats span{color:var(--player1-color);text-shadow:0 0 10px var(--player1-color)}.p2-stats h2,.p2-stats span{color:var(--player2-color);text-shadow:0 0 10px var(--player2-color)}.boostContainer{position:absolute;bottom:-200px}#hud-p1 .boostContainer{position:fixed;bottom:20px;left:20px;width:300px;height:20px;border:2px solid var(--player1-color);background:#00000080;border-radius:10px;overflow:hidden;box-shadow:0 0 10px var(--player1-color)}#hud-p2 .boostContainer{position:fixed;bottom:20px;right:20px;width:300px;height:20px;border:2px solid var(--player2-color);background:#00000080;border-radius:10px;overflow:hidden;box-shadow:0 0 10px var(--player2-color)}.boostBar{width:0%;height:100%;transition:width .1s linear}#boostBar1{background:linear-gradient(90deg,var(--player1-color),var(--secondary-accent));box-shadow:0 0 10px var(--player1-color)}#boostBar2{background:linear-gradient(90deg,var(--player2-color),var(--tertiary-accent));box-shadow:0 0 10px var(--player2-color)}#boostBar3{background:linear-gradient(90deg,var(--player3-color),var(--primary-accent));box-shadow:0 0 10px var(--player3-color)}#boostBar4{background:linear-gradient(90deg,var(--player4-color),var(--secondary-accent));box-shadow:0 0 10px var(--player4-color)}#hud-p3 .boostContainer{position:fixed;bottom:20px;left:20px;width:200px;height:16px;border:2px solid var(--player3-color);background:#00000080;border-radius:8px;overflow:hidden;box-shadow:0 0 10px var(--player3-color)}#hud-p4 .boostContainer{position:fixed;bottom:20px;right:20px;width:200px;height:16px;border:2px solid var(--player4-color);background:#00000080;border-radius:8px;overflow:hidden;box-shadow:0 0 10px var(--player4-color)}#splashScreen{background:radial-gradient(ellipse at center,#1a1a1a,#0a0a0a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.splash-image{max-width:90vw;max-height:70vh;object-fit:contain;filter:drop-shadow(0 0 30px rgba(0,255,204,.5));animation:splashPulse 2s ease-in-out infinite}@keyframes splashPulse{0%,to{filter:drop-shadow(0 0 30px rgba(0,255,204,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 50px rgba(255,0,255,.7));transform:scale(1.02)}}.click-prompt{font-family:Orbitron,sans-serif;font-size:.8rem;color:var(--text-secondary);animation:blink 1.5s ease-in-out infinite;margin-top:2rem}@keyframes blink{0%,to{opacity:1;text-shadow:0 0 10px var(--primary-accent)}50%{opacity:.3;text-shadow:none}}.level-grid{display:flex;flex-direction:column;gap:30px;margin:20px 0;max-width:100%;max-height:50vh;overflow-y:auto;padding:10px 20px}.campaign-section{display:flex;flex-direction:column;gap:15px;padding-bottom:20px;border-bottom:2px dashed rgba(0,255,204,.2)}.campaign-section:last-child{border-bottom:none}.campaign-section h2{font-family:"Press Start 2P",monospace;font-size:.9rem;color:var(--tertiary-accent);text-shadow:0 0 10px rgba(255,204,0,.5);margin-bottom:10px}.locked-section{text-align:center;padding:30px;background:#0000004d;border:1px solid #444;border-radius:8px}.locked-section h2{color:#666;text-shadow:none}.locked-section p{font-family:Orbitron,sans-serif;color:#888;font-size:.8rem}.section-levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.level-card{background:#00ffcc0d;border:2px solid rgba(0,255,204,.2);border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;justify-content:space-between}.level-card.boss-level{border-color:#ff336680;background:#ff33660d}.level-card.boss-level:hover:not(.locked),.level-card.boss-level:focus-visible:not(.locked),.level-card.boss-level:focus:not(.locked){border-color:#f36;box-shadow:0 0 20px #f369}.level-card:hover:not(.locked),.level-card:focus-visible:not(.locked),.level-card:focus:not(.locked){border-color:#0fc;box-shadow:0 0 15px #0fc6;transform:translateY(-2px)}.level-card.completed{border-color:#0f86;background:#00ff880d;position:relative;overflow:hidden}.completion-stamp{position:absolute;top:20px;right:-45px;width:170px;text-align:center;background:var(--success-color);color:#000;font-family:"Press Start 2P",monospace;font-size:.5rem;padding:8px 0;transform:rotate(45deg);box-shadow:0 0 15px #0f89;pointer-events:none;z-index:2}.level-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale(1);border-color:#555}.level-card.locked:hover{transform:none}.level-card h3{font-family:"Press Start 2P",monospace;margin:0 0 10px;color:#fff;font-size:.8rem}.level-card p{font-family:Orbitron,sans-serif;margin:0;font-size:.8rem;color:#ccc}.level-card .challenge{font-family:Orbitron,sans-serif;margin-top:10px;font-size:.75rem;color:#f36;font-weight:700}@media(max-width:700px){.menu-container{width:95vw;padding:1.5rem}.menu-screen h1{font-size:1rem}.start-btn{padding:.8rem 1.5rem;font-size:.7rem}.secondary-btn{padding:.5rem 1rem;font-size:.45rem}.player-btn{width:40px;height:40px;font-size:.8rem}.controls-info{grid-template-columns:1fr}.stats-container{flex-direction:column;gap:1.5rem}.volume-controls{width:90vw;padding:1rem}#playerSlots{flex-direction:column;align-items:center}.player-slot{min-width:200px}}.mobile-controls{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2000}.mobile-controls:not(.hidden){display:block}.steering-zone{position:absolute;top:0;left:0;width:70%;height:100%;pointer-events:auto;touch-action:none}.steer-indicator{position:absolute;width:60px;height:60px;border-radius:50%;border:2px solid rgba(0,255,204,.5);background:#0fc3;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 15px #00ffcc4d;transition:opacity .2s}.steer-indicator:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:#0fc;transform:translate(-50%,-50%);box-shadow:0 0 10px #0fc}.steer-indicator.hidden{display:none}.action-buttons-right{position:absolute;bottom:20px;right:20px;pointer-events:auto}.boost-btn{width:90px;height:90px;font-size:1.1rem;font-family:"Press Start 2P",monospace;background:#0cf3!important;border-color:#0cf!important;color:#0cf!important;text-shadow:0 0 5px #00ccff}.pause-btn{position:absolute;top:20px;right:20px;width:50px;height:50px;font-size:1.2rem;pointer-events:auto}.control-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .1s,background .1s}.control-btn:active,.control-btn.pressed{transform:scale(.9);background:#ffffff4d}@media(max-width:700px){.mobile-controls:not(.hidden)~#ui .player-hud:not(#hud-p1){display:none}}.level-card:hover:not(.locked),.level-card:focus-visible:not(.locked),.level-card:focus:not(.locked){transform:translateY(-5px) scale(1.02);box-shadow:0 10px 20px #00000080,0 0 15px var(--primary-accent),inset 0 0 20px #0fc3;border-color:var(--primary-accent)}input[type=range]:focus-visible,input[type=range]:focus{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 15px var(--secondary-accent);border:2px solid var(--secondary-accent)}input[type=range]:focus-visible::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb{box-shadow:0 0 15px var(--secondary-accent);border:2px solid var(--secondary-accent)}.profile-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%}.profile-strip-wide{margin-top:-.3rem}.profile-pill{padding:.45rem .75rem;border:1px solid rgba(0,255,204,.25);border-radius:999px;background:#00ffcc14;color:#dffdf7;font-family:Orbitron,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.profile-pill.profile-credits{border-color:#ffcc0059;background:#ffcc0014;color:var(--tertiary-accent)}.section-meta{font-family:Orbitron,sans-serif;color:#b9ddd8;font-size:.78rem;margin-top:-.8rem;margin-bottom:.75rem;text-align:center}.reward-preview{margin-top:.75rem;font-family:Orbitron,sans-serif;font-size:.72rem;color:var(--tertiary-accent);text-transform:uppercase;letter-spacing:.08em}.mastery-strip{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}.mastery-chip{min-width:42px;padding:.32rem .48rem;border-radius:999px;border:1px solid rgba(0,255,204,.2);background:#ffffff0a;color:#8fb7b3;font-family:"Press Start 2P",monospace;font-size:.45rem;text-align:center}.mastery-chip.completed{border-color:#00ff8873;background:#00ff881f;color:var(--success-color);box-shadow:0 0 10px #00ff882e}.mastery-chip.hidden-tier{border-color:#ffcc0040}.mastery-note{margin-top:.55rem;font-family:Orbitron,sans-serif;font-size:.74rem;color:#d3cbc0;line-height:1.4}.garage-container{width:min(95vw,1020px);gap:1rem;padding:1.5rem 1.75rem}.garage-container .profile-strip-wide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.garage-container .profile-pill{min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.garage-shell{display:flex;flex-direction:column;gap:.85rem;width:100%}.garage-carousel{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:stretch;gap:.75rem;width:100%}.garage-card{display:flex;flex-direction:column;gap:.85rem;padding:1rem;border-radius:16px;border:1px solid rgba(0,255,204,.18);background:linear-gradient(180deg,#00ffcc14,#ff00ff0d);min-width:0}.garage-card-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.95fr);gap:.9rem;align-items:start}.garage-copy-column,.garage-preview-column{display:flex;flex-direction:column;gap:.75rem;min-width:0}.garage-card h3{margin:0;font-family:"Press Start 2P",monospace;color:var(--primary-accent);font-size:.82rem;line-height:1.4}.garage-card-top{display:flex;justify-content:space-between;gap:.85rem;align-items:flex-start;min-height:58px}.garage-car-role{margin-top:.35rem;font-family:Orbitron,sans-serif;color:var(--secondary-accent);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.garage-status{display:inline-flex;justify-content:center;align-items:center;padding:.4rem .7rem;border-radius:999px;border:1px solid rgba(0,255,136,.4);background:#00ff881f;color:var(--success-color);font-family:Orbitron,sans-serif;font-size:.72rem;text-transform:uppercase;min-width:128px;text-align:center;flex:0 0 128px}.garage-status.locked{border-color:#ff446659;background:#ff44661a;color:var(--danger-color)}.garage-description{margin:0;font-family:Orbitron,sans-serif;color:#efefef;line-height:1.45;min-height:3.9rem;font-size:.88rem}.garage-visual-stage{position:relative;min-height:220px;height:220px;border-radius:16px;border:1px solid rgba(0,255,204,.22);overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(0,255,204,.16),transparent 45%),radial-gradient(circle at 70% 80%,rgba(255,0,255,.12),transparent 40%),linear-gradient(180deg,#040a12fa,#0a0e16f0);box-shadow:inset 0 0 24px #00ffcc14,0 0 30px #00ffcc14}.garage-visual-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 0%,rgba(0,255,204,.045) 50%,transparent 100%),repeating-linear-gradient(90deg,rgba(0,255,204,.03) 0 1px,transparent 1px 48px),repeating-linear-gradient(rgba(0,255,204,.02) 0 1px,transparent 1px 48px);pointer-events:none;opacity:.8}#garagePreviewCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}.garage-stage-overlay{position:absolute;left:.8rem;right:.8rem;bottom:.75rem;display:flex;justify-content:space-between;gap:.6rem;pointer-events:none;align-items:flex-end}.garage-stage-pill{padding:.38rem .62rem;border-radius:999px;border:1px solid rgba(0,255,204,.28);background:#00000075;color:#dffdf7;font-family:Orbitron,sans-serif;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.garage-stage-pill-warn{border-color:#ffcc004d;color:var(--tertiary-accent)}.garage-stage-pill-danger{border-color:#ff446657;color:var(--danger-color)}.garage-lock-reason{font-family:Orbitron,sans-serif;color:var(--tertiary-accent);font-size:.78rem;margin:0;min-height:1.15rem}.garage-lock-reason.garage-lock-reason-empty{visibility:hidden}.garage-lock-reason.garage-lock-error{color:var(--danger-color)}.garage-stats{display:grid;gap:.65rem;padding:.85rem .9rem;border-radius:12px;border:1px solid rgba(0,255,204,.14);background:#00ffcc0d;min-height:172px}.garage-stat{display:grid;grid-template-columns:82px 1fr;gap:.65rem;align-items:center}.garage-stat span{font-family:"Press Start 2P",monospace;color:#b9ddd8;font-size:.5rem}.garage-stat-bar{height:10px;background:#ffffff14;border-radius:999px;overflow:hidden;border:1px solid rgba(0,255,204,.15)}.garage-stat-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary-accent),var(--secondary-accent));box-shadow:0 0 14px #00ffcc40}.garage-condition{display:flex;flex-direction:column;gap:.45rem;padding:.8rem .9rem;border-radius:12px;border:1px solid rgba(255,204,0,.2);background:#ffcc000f;min-height:144px}.garage-condition-head{display:flex;justify-content:space-between;gap:.75rem;align-items:center;min-height:18px}.garage-condition-label{font-family:"Press Start 2P",monospace;font-size:.5rem;color:#fff0b3}.garage-condition-value{font-family:"Press Start 2P",monospace;font-size:.58rem;color:var(--tertiary-accent)}.garage-condition-status,.garage-condition-note{font-family:Orbitron,sans-serif;color:#fff5c6;font-size:.78rem;min-height:1.05rem}.garage-repair-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:auto}.garage-repair-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;min-height:66px;padding:.7rem .8rem}.garage-upgrades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;width:100%}.garage-upgrade-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;min-height:82px;padding:.75rem .85rem}.garage-upgrade-btn:disabled,.start-btn:disabled,.secondary-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.garage-upgrade-label{font-size:.68rem;color:inherit}.garage-upgrade-level,.garage-upgrade-cost{font-family:Orbitron,sans-serif;font-size:.76rem;color:inherit}.garage-actions{justify-content:flex-end;gap:.75rem}#garageSelectBtn{min-width:220px}#garageBackBtn{min-width:150px}.reward-panel{display:flex;flex-direction:column;gap:.45rem;min-width:min(90vw,420px);margin-bottom:1.25rem;padding:1rem 1.2rem;border-radius:14px;border:1px solid rgba(255,204,0,.28);background:#ffcc0014;text-align:center}.reward-panel h2{margin-bottom:.4rem}.reward-panel p{font-family:Orbitron,sans-serif;color:#fff5c6}.reward-panel span{color:var(--tertiary-accent)}@media(max-width:860px){.garage-carousel{grid-template-columns:36px minmax(0,1fr) 36px;gap:.55rem}.garage-card-body{grid-template-columns:1fr}.garage-stage-overlay{flex-direction:column;align-items:flex-start}.garage-repair-actions,.garage-upgrades{grid-template-columns:1fr}.garage-actions{flex-direction:column;align-items:stretch}#garageSelectBtn,#garageBackBtn{min-width:0;width:100%}}@media(max-width:620px){.garage-container{width:min(96vw,1020px);padding:1.1rem .95rem}.garage-container .profile-strip-wide{grid-template-columns:1fr}.garage-card{padding:.8rem}.garage-description{min-height:4.8rem}.garage-status{min-width:112px;flex-basis:112px;font-size:.66rem}}