*{box-sizing:border-box;margin:0;padding:0}body,html,#root{background-color:#050510;width:100%;height:100vh;overflow:hidden}.mobile-controls-wrapper{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0}.mobile-steering{justify-content:center;align-items:center;gap:20px;flex-direction:row!important;display:flex!important}.steering-zone{pointer-events:auto;gap:20px;display:flex;position:absolute;bottom:40px;left:30px}.pedal-zone{pointer-events:auto;flex-direction:column;gap:15px;display:flex;position:absolute;bottom:40px;right:30px}.control-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#00f2fe26;border:1.5px solid #00f2fe66;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:24px;transition:background .1s,transform .1s;display:flex}.control-btn:active{background:#00f2fe99;border-color:#00f2fe;transform:scale(.95)}.gas-btn{border-radius:20px;height:80px}.brake-btn{border-radius:20px;height:60px}.song-drawer{z-index:200;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111623f2;border:1px solid #ffffff1a;border-radius:12px;width:90%;max-width:400px;padding:14px 20px;font-family:system-ui,sans-serif;animation:.3s cubic-bezier(.4,0,.2,1) slideDown;position:absolute;top:20px;left:50%;transform:translate(-50%)}@keyframes slideDown{0%{opacity:0;top:-50px}to{opacity:1;top:20px}}.drawer-inner{align-items:flex-start;gap:14px;display:flex}.drawer-swatch{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.drawer-song{font-size:16px;font-weight:700}.drawer-artist{color:#fff9;margin-top:2px;font-size:13px}.drawer-desc{color:#ffffff80;margin-top:6px;font-size:12px;line-height:1.4}.drawer-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.daction.spotify{color:#000;cursor:pointer;background:#1db954;border:none;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700}.genre-pill{color:#ffffffb3;border:1px solid #fff3;border-radius:999px;padding:4px 10px;font-size:10px}.city-hud{z-index:100;color:#fff;pointer-events:none;text-shadow:0 2px 10px #000c;font-family:system-ui,sans-serif;position:absolute;top:20px;left:20px}.city-hud h1{letter-spacing:2px;text-transform:uppercase;color:#00f2fe;margin-bottom:4px;font-size:24px;font-weight:800}.city-hud p{color:#ffffffb3;font-size:12px;font-weight:500}.loading-screen{z-index:9999;background-color:#050505;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .8s ease-out;display:flex;position:fixed;top:0;left:0}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center;width:80%;max-width:400px}.loading-title{color:#00f2fe;letter-spacing:5px;text-transform:uppercase;text-shadow:0 0 10px #00f2fe80;margin-bottom:20px;font-family:system-ui,sans-serif;font-size:3rem}.loading-bar-container{background:#ffffff1a;border-radius:5px;width:100%;height:10px;margin-bottom:10px;overflow:hidden}.loading-bar{background:#00f2fe;height:100%;transition:width .2s ease-out;box-shadow:0 0 10px #00f2fe}.loading-text{color:#fff9;font-family:monospace;font-size:.9rem}.npc-container{z-index:1000;align-items:flex-end;gap:15px;max-width:350px;display:flex;position:absolute;bottom:30px;right:30px}.slide-up{animation:.6s ease-out forwards slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.npc-avatar{background:#00f2fe33;border:2px solid #00f2fe;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:40px;display:flex;box-shadow:0 0 15px #00f2fe4d}.npc-header{color:#00f2fe;margin-bottom:8px;font-family:system-ui,sans-serif;font-size:14px;font-weight:700}.npc-btn{color:#000;cursor:pointer;background:#00f2fe;border:none;border-radius:6px;width:100%;padding:8px 15px;font-weight:700;transition:all .2s}.vignette-overlay{z-index:500;width:100vw;height:100vh;position:fixed;top:0;left:0;box-shadow:inset 0 0 150px #c7edf0f2}.pointer-none{pointer-events:none}.npc-container{z-index:1000;align-items:flex-end;gap:15px;max-width:400px;display:flex;position:absolute}.npc-dialogue{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0af2;border:1px solid #00f2fe;border-radius:12px 12px 0;padding:20px;box-shadow:0 10px 40px #00f2fe33}.npc-text{color:#fff;margin-bottom:15px;font-family:system-ui,sans-serif;font-size:16px;line-height:1.6}.npc-btn{color:#000;cursor:pointer;background:#00f2fe;border:none;border-radius:8px;width:100%;padding:10px 20px;font-size:15px;font-weight:700;transition:all .2s}.npc-btn:hover{background:#fff;box-shadow:0 0 15px #fff}@keyframes pulseGlow{0%{border-color:#00f2fe;box-shadow:0 0 10px #00f2fe}50%{border-color:#fff;box-shadow:0 0 40px #00f2fe,inset 0 0 20px #00f2fe}to{border-color:#00f2fe;box-shadow:0 0 10px #00f2fe}}.tutorial-glow{z-index:1001!important;animation:1s infinite alternate pulseGlow!important}.search-container{z-index:9999;width:90%;max-width:350px;position:absolute;top:20px;right:30px}.search-input{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0ad9;border:2px solid #00f2fe;border-radius:25px;outline:none;width:100%;padding:12px 20px;font-family:system-ui,sans-serif;font-size:16px;transition:all .2s;box-shadow:0 0 15px #00f2fe4d}.search-input:focus{box-shadow:0 0 25px #00f2fe99}.search-suggestions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0af2;border:1px solid #00f2fe;border-radius:12px;margin:10px 0 0;padding:0;list-style:none;overflow:hidden;box-shadow:0 10px 30px #000c}.search-suggestions li{color:#fff;cursor:pointer;border-bottom:1px solid #ffffff1a;padding:15px 20px;font-family:system-ui,sans-serif;font-size:14px;transition:background .2s}.search-suggestions li:last-child{border-bottom:none}.search-suggestions li:hover{background:#00f2fe33}.search-suggestions strong{color:#00f2fe}@media screen and (width<=950px){.search-container{width:auto!important;max-width:220px!important;top:10px!important;right:10px!important}.search-input{width:180px!important;padding:8px 15px!important;font-size:13px!important}.search-suggestions li{padding:10px 15px!important;font-size:12px!important}.city-hud{top:10px!important;left:10px!important}.city-hud h1{letter-spacing:1px!important;font-size:18px!important}.city-hud p{margin-top:2px!important;font-size:10px!important}.npc-container{gap:10px!important;max-width:280px!important}.npc-dialogue{padding:12px 15px!important}.npc-avatar{width:45px!important;height:45px!important;font-size:22px!important}.npc-text{margin-bottom:10px!important;font-size:12px!important;line-height:1.4!important}.npc-btn{padding:8px 12px!important;font-size:13px!important}.song-drawer{width:95%!important;margin-top:60px!important;padding:10px 15px!important}.drawer-swatch{width:40px!important;height:40px!important}.drawer-song{font-size:14px!important}.drawer-desc{font-size:11px!important;line-height:1.3!important}}