*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;height:100dvh}.car-nameplate{position:absolute;pointer-events:none;font-family:Rajdhani,Segoe UI,Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;z-index:50;transition:opacity .15s;background:#0000008c;padding:2px 8px 2px 5px;border-radius:4px;display:flex;align-items:center;gap:5px}.car-nameplate .np-boost{flex-shrink:0}.car-nameplate .np-boost-fill{transition:stroke-dashoffset .2s}body{background:#000;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#fff}#game-container{width:100vw;height:100vh;height:100dvh;position:relative;overflow:hidden}#game-canvas{width:100%;height:100%;display:block}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#hud-top{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;transition:opacity .15s}#timer{font-size:18px;font-weight:600;color:#ccc;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,255,.5)}#scoreboard{display:flex;align-items:center;gap:12px;margin-top:4px}.score{font-size:48px;font-weight:800;min-width:50px;text-align:center}.score.blue{color:#08f;text-shadow:0 0 20px rgba(0,136,255,.7)}.score.orange{color:#f60;text-shadow:0 0 20px rgba(255,102,0,.7)}.score-divider{font-size:36px;color:#666;font-weight:300}#hud-bottom{position:absolute;bottom:30px;right:40px}#boost-meter{width:100px;height:100px}.boost-bg{fill:none;stroke:#ffffff1a;stroke-width:8}.boost-fill{fill:none;stroke:#f80;stroke-width:8;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .1s ease;filter:drop-shadow(0 0 6px rgba(255,136,0,.6))}.boost-text{fill:#fff;font-size:24px;font-weight:800;text-anchor:middle;dominant-baseline:middle}#speed-bar{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}#speed-fill{height:100%;width:0%;background:linear-gradient(90deg,#0ff,#f0f);border-radius:2px;transition:width .1s ease;box-shadow:0 0 8px #00ffff80}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}#countdown{font-size:120px;font-weight:900;color:#fff;text-shadow:0 0 40px rgba(0,255,255,.8),0 0 80px rgba(0,255,255,.4);opacity:0;transition:opacity .2s}#goal-text{position:absolute;font-size:80px;font-weight:900;letter-spacing:8px;text-transform:uppercase;opacity:0;transition:opacity .3s}#demo-text{position:absolute;top:35%;font-size:52px;font-weight:900;letter-spacing:6px;text-transform:uppercase;color:#f30;text-shadow:0 0 30px rgba(255,51,0,.8),0 0 60px rgba(255,51,0,.4);opacity:0;transition:opacity .3s}#controls-hint{position:absolute;bottom:60px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;opacity:.5;transition:opacity 2s}#controls-hint p{font-size:12px;color:#888;letter-spacing:1px}#controls-hint.hidden{opacity:0}#status-text{position:absolute;top:40%;font-size:28px;font-weight:600;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.6);letter-spacing:2px;opacity:0;transition:opacity .3s}#lobby{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0a2e,#050510 70%);z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch}#lobby-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}#lobby>*:not(#lobby-particles){position:relative;z-index:1}.lobby-title-wrap{position:relative;margin-bottom:60px;height:clamp(3rem,12vw,10rem);display:flex;align-items:center;justify-content:center}.lobby-title{font-size:clamp(2rem,10vw,7rem);font-family:Orbitron,sans-serif;font-weight:800;letter-spacing:.05em;position:absolute;white-space:nowrap;text-align:center;z-index:99;background:linear-gradient(180deg,#ff1a5c 0%,#ff1a5c 70%,#3399ff 75%,transparent 80%,transparent 100%);background-size:300px 400px;background-position:0 -400px;background-repeat:repeat-x;background-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:clamp(1px,.06em,8px) #88ff44;-webkit-user-select:none;user-select:none;animation:title-sweep 8s linear infinite}.lobby-title-reflect{-webkit-box-reflect:below -.35em linear-gradient(to top,rgba(255,255,255,.35),rgba(255,255,255,.25) 18%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.05) 80%);filter:saturate(.68) contrast(.68);z-index:98}@keyframes title-sweep{0%{background-position:0 -400px}25%{background-position:0 0}62.5%{background-position:0 0}to{background-position:0 -400px}}.season-tag{font-family:Rock Salt,cursive;font-size:clamp(1rem,3vw,2rem);color:#f26;text-shadow:0 0 8px rgba(255,34,102,.9),0 0 24px rgba(255,34,102,.5),0 0 48px rgba(255,34,102,.2);margin-top:-30px;margin-bottom:40px;letter-spacing:3px;transform:rotate(-3deg);-webkit-user-select:none;user-select:none}.lobby-buttons{display:flex;flex-direction:column;align-items:center;gap:16px}.lobby-btn-row{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:260px}.lobby-btn-row .lobby-btn{text-align:center}.player-name-input{width:220px;padding:10px 16px;font-size:14px;font-weight:600;letter-spacing:1px;text-align:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-family:Orbitron,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.player-name-input::placeholder{color:#ffffff40;font-family:inherit}.player-name-input:focus{border-color:#00ffff80;box-shadow:0 0 12px #00ffff26}.lobby-link-row{display:flex;align-items:center;gap:8px}.lobby-link-sep{color:#ffffff26;font-size:13px;-webkit-user-select:none;user-select:none}.lobby-settings-list{display:flex;flex-direction:column;gap:12px}.lobby-setting-row{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#ffffffb3}.lobby-setting-row input[type=checkbox]{accent-color:#00ffff;width:16px;height:16px;cursor:pointer}.lobby-link-btn{background:none;border:none;color:#ffffff59;font-size:13px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:color .2s;font-family:inherit;padding:4px 8px}.lobby-link-btn:hover{color:#00ffffb3}.lobby-btn-training{border-color:#a6f;color:#a6f;background:#aa66ff1a}.lobby-btn-training:hover{background:#aa66ff40;box-shadow:0 0 20px #a6f6}.lobby-btn-freeplay{border-color:#0f8;color:#0f8;background:#00ff881a}.lobby-btn-freeplay:hover{background:#00ff8840;box-shadow:0 0 20px #0f86}.lobby-btn-quickmatch{border-color:#fc0;color:#fc0;background:#ffcc0014;width:100%}.lobby-btn-quickmatch:hover{background:#ffcc0038;box-shadow:0 0 20px #fc06}.room-divider{display:flex;align-items:center;gap:12px;width:100%;color:#fff3;font-size:12px;letter-spacing:2px;text-transform:uppercase}.room-divider:before,.room-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.lobby-btn{padding:16px 40px;font-size:20px;font-weight:700;letter-spacing:2px;border:2px solid #00ffff;border-radius:4px;background:#00ffff1a;color:#0ff;cursor:pointer;transition:all .2s;text-transform:uppercase;font-family:inherit}.lobby-btn:hover{background:#00ffff40;box-shadow:0 0 20px #0ff6;transform:translateY(-2px)}.lobby-btn-online{border-color:#f80;color:#f80;background:#ff88001a}.lobby-btn-online:hover{background:#ff880040;box-shadow:0 0 20px #f806}#loading-screen{display:flex;flex-direction:column;align-items:center;gap:16px}#loading-screen.hidden{display:none}.loading-text{font-size:18px;font-weight:600;letter-spacing:2px;color:#0ff;text-shadow:0 0 12px rgba(0,255,255,.5)}.loading-bar{width:280px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;border:1px solid rgba(0,255,255,.2)}.loading-fill{height:100%;width:0%;background:linear-gradient(90deg,#0ff,#0f8);border-radius:3px;transition:width .15s ease;box-shadow:0 0 10px #0ff9}.howtoplay-panel{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:520px;width:90vw;background:#050514eb;border:1px solid rgba(0,255,255,.15);border-radius:12px;padding:28px 32px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.howtoplay-title{font-family:Orbitron,sans-serif;font-size:20px;font-weight:800;letter-spacing:3px;color:#0ff;text-shadow:0 0 16px rgba(0,255,255,.4);text-transform:uppercase;margin:0}.howtoplay-content{display:flex;flex-direction:column;gap:20px;width:100%;max-height:60vh;overflow-y:auto;padding-right:8px}.howtoplay-content::-webkit-scrollbar{width:6px}.howtoplay-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.howtoplay-content::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.howtoplay-content::-webkit-scrollbar-thumb:hover{background:#00ffff80}.howtoplay-section h4{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff80;margin:0 0 10px}.howtoplay-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13px;color:#ffffffb3}.htp-key{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;color:#0ff;background:#00ffff14;border:1px solid rgba(0,255,255,.2);border-radius:4px;padding:2px 8px;text-align:center;min-width:60px}.howtoplay-section ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px}.howtoplay-section li{font-size:13px;color:#fff9;padding-left:16px;position:relative}.howtoplay-section li:before{content:"▸";position:absolute;left:0;color:#0f8}.room-code-row{display:flex;align-items:center;gap:12px}.copy-code-btn{background:#ff88001a;border:1px solid rgba(255,136,0,.3);border-radius:6px;color:#ff8800b3;cursor:pointer;padding:6px 8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.copy-code-btn:hover{background:#f803;border-color:#f80;color:#f80}.copy-code-btn.copied{border-color:#0f8;color:#0f8;background:#00ff881a}#lobby-music-controls{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:10px;z-index:10;transition:opacity .2s}#lobby-music-controls.hidden{opacity:0;pointer-events:none}.lmc-btn{background:none;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#ffffff80;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s;line-height:1}.lmc-btn:hover{border-color:#0ff6;color:#0ff}.lmc-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:3px;border-radius:2px;background:#ffffff1a;outline:none}.lmc-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#00ffffb3;cursor:pointer}.lmc-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#00ffffb3;cursor:pointer;border:none}.lmc-track{font-size:11px;color:#ffffff4d;letter-spacing:.5px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes lobbyFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.lobby-enter{animation:lobbyFadeIn .3s ease forwards}.car-model-nav{display:flex;align-items:center;gap:16px}.car-model-label{font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.4);min-width:160px;text-align:center}.lobby-btn-nav{padding:8px 16px;font-size:20px;font-weight:800;min-width:44px}#car-selector{display:none;flex-direction:column;align-items:center;gap:24px}#car-preview{width:400px;height:280px;border-radius:8px;border:1px solid rgba(0,255,255,.3);box-shadow:0 0 20px #00ffff26,inset 0 0 20px #00ffff0d}.arena-selector-nav{display:flex;align-items:center;gap:12px}.arena-label{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff9;text-shadow:0 0 8px rgba(255,255,255,.2);min-width:200px;text-align:center}.car-selector-buttons{display:flex;gap:24px}.lobby-btn-back{border-color:#ffffff40;color:#ffffff80;background:transparent;padding:10px 32px;font-size:14px}.gp-focus{outline:2px solid #00ffff;outline-offset:3px;box-shadow:0 0 12px #00ffff80,0 0 24px #0ff3}.lobby-btn-back:hover{background:#ffffff14;box-shadow:0 0 12px #ffffff26;color:#fffc}#room-lobby{display:flex;flex-direction:column;align-items:center;gap:24px}.room-lobby-options{display:flex;flex-direction:column;align-items:center;gap:16px}.room-join-row{display:flex;gap:12px;align-items:center}.room-code-input{width:130px;padding:14px 16px;font-size:24px;font-weight:800;letter-spacing:8px;text-align:center;text-transform:uppercase;background:#ff880014;border:2px solid rgba(255,136,0,.4);border-radius:4px;color:#f80;font-family:Orbitron,sans-serif;outline:none}.room-code-input::placeholder{color:#ff88004d;letter-spacing:8px}.room-code-input:focus{border-color:#f80;box-shadow:0 0 15px #ff88004d}.room-code-display{font-size:56px;font-weight:800;letter-spacing:12px;color:#f80;text-shadow:0 0 30px rgba(255,136,0,.5);font-family:Orbitron,sans-serif}.room-status{font-size:16px;font-weight:600;letter-spacing:2px;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.4)}.room-label{font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff9}#mode-selector,#ai-mode-selector,#difficulty-selector,#training-type-selector,#training-diff-selector,#quickmatch-mode-selector{display:flex;flex-direction:column;align-items:center;gap:12px}.mode-buttons{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:260px}.mode-buttons .lobby-btn{text-align:center}#waiting-room{display:flex;flex-direction:column;align-items:center;gap:16px}.team-lobby-header{display:flex;flex-direction:column;align-items:center;gap:4px}.team-lobby{display:flex;gap:40px;justify-content:center}.team-col{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:120px}.team-header{font-size:18px;font-weight:800;letter-spacing:3px;text-transform:uppercase}.team-header.blue{color:#08f;text-shadow:0 0 16px rgba(0,136,255,.6)}.team-header.orange{color:#f60;text-shadow:0 0 16px rgba(255,102,0,.6)}.team-slots{display:flex;flex-direction:column;gap:8px}.team-slot{width:120px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .2s}.team-slot.filled{border:2px solid rgba(255,255,255,.25);background:#ffffff0f;color:#ffffffb3}.team-slot.you{border-color:#0ff;color:#0ff;background:#00ffff1a;box-shadow:0 0 12px #0ff3}.team-slot.open{border:2px dashed rgba(255,255,255,.15);color:#ffffff4d;background:transparent}.team-slot.open.joinable{cursor:pointer;border-color:#ffffff4d;color:#ffffff80}.team-slot.open.joinable:hover{border-color:#0ff;color:#0ff;background:#00ffff14;box-shadow:0 0 16px #00ffff40}#queue-searching{display:flex;flex-direction:column;align-items:center;gap:16px}.queue-spinner{width:48px;height:48px;border:3px solid rgba(255,204,0,.15);border-top-color:#fc0;border-radius:50%;animation:queueSpin 1s linear infinite}@keyframes queueSpin{to{transform:rotate(360deg)}}.queue-status-text{font-size:18px;font-weight:700;letter-spacing:2px;color:#fc0;text-shadow:0 0 16px rgba(255,204,0,.4);text-transform:uppercase}.queue-timer{font-family:Orbitron,sans-serif;font-size:28px;font-weight:800;color:#fff9;letter-spacing:4px}.queue-info{font-size:13px;font-weight:600;letter-spacing:1px;color:#fff6;min-height:18px}.disconnect-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:400;background:#ff3232d9;border:1px solid rgba(255,100,100,.5);border-radius:8px;padding:12px 24px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;animation:toastFadeInOut 4s ease forwards}@keyframes toastFadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}10%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}#touch-controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;touch-action:none}.touch-joy-zone{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:calc(20px + env(safe-area-inset-left,0px));width:140px;height:140px;pointer-events:auto;touch-action:none}.touch-joy-base{width:120px;height:120px;border-radius:50%;border:2px solid rgba(0,255,255,.25);background:#00ffff0a;position:absolute;bottom:0;left:0;transition:border-color .15s,background .15s}.touch-joy-base.active{border-color:#00ffff80;background:#00ffff14}.touch-joy-stick{width:48px;height:48px;border-radius:50%;background:#00ffff26;border:2px solid rgba(0,255,255,.6);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #00ffff40}.touch-btn-zone{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom,0px));right:calc(20px + env(safe-area-inset-right,0px));width:160px;height:160px;pointer-events:none}.touch-btn{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:inherit;font-weight:700;letter-spacing:1px;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .1s,border-color .1s,box-shadow .1s}.touch-btn-boost{width:68px;height:68px;bottom:0;left:50%;transform:translate(-50%);border:2px solid rgba(255,136,0,.45);background:#ff880014;color:#f80c;font-size:10px;box-shadow:0 0 10px #ff880026}.touch-btn-boost.pressed{background:#ff88004d;border-color:#ff8800e6;box-shadow:0 0 20px #ff880080}.touch-btn-jump{width:60px;height:60px;right:0;top:50%;transform:translateY(-50%);border:2px solid rgba(0,255,255,.45);background:#00ffff14;color:#0ffc;font-size:10px;box-shadow:0 0 10px #00ffff26}.touch-btn-jump.pressed{background:#00ffff4d;border-color:#00ffffe6;box-shadow:0 0 20px #00ffff80}.touch-btn-drift{width:52px;height:52px;left:0;top:50%;transform:translateY(-50%);border:2px solid rgba(255,0,255,.35);background:#ff00ff0f;color:#ff00ffb3;font-size:9px;box-shadow:0 0 8px #ff00ff1f}.touch-btn-drift.pressed{background:#ff00ff40;border-color:#f0fc;box-shadow:0 0 16px #f0f6}.touch-btn-cam{width:46px;height:46px;top:0;left:50%;transform:translate(-50%);border:2px solid rgba(255,255,255,.25);background:#ffffff0a;color:#ffffff8c;font-size:9px;box-shadow:0 0 6px #ffffff14}.touch-btn-cam.pressed{background:#ffffff2e;border-color:#ffffffb3;box-shadow:0 0 12px #ffffff40}#camera-settings-gear{display:flex;position:absolute;top:16px;right:16px;z-index:60;width:44px;height:44px;border-radius:50%;border:2px solid rgba(0,255,255,.35);background:#000a1480;color:#00ffffb3;cursor:pointer;align-items:center;justify-content:center;pointer-events:auto;transition:background .2s,border-color .2s}#camera-settings-gear.active{border-color:#0ffc;background:#00ffff26}#camera-settings-panel{position:absolute;top:0;left:0;width:260px;height:100%;z-index:55;background:#050514eb;border-right:1px solid rgba(0,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:28px 20px;transform:translate(-100%);transition:transform .3s ease;pointer-events:auto;display:flex;flex-direction:column;gap:20px;overflow-y:auto}#camera-settings-panel.open{transform:translate(0)}.cs-title{font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#0ff;text-shadow:0 0 12px rgba(0,255,255,.4);margin:0}.cs-sliders{display:flex;flex-direction:column;gap:16px}.cs-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cs-label{font-size:12px;font-weight:600;letter-spacing:1px;color:#ffffffb3;flex:1}.cs-value{font-size:13px;font-weight:700;color:#0ff;min-width:36px;text-align:right}.cs-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff1a;outline:none;flex-basis:100%}.cs-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#0ff;cursor:pointer;box-shadow:0 0 8px #0ff9;border:none}.cs-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#0ff;cursor:pointer;box-shadow:0 0 8px #0ff9;border:none}.cs-reset{padding:8px 16px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;color:#fff9;cursor:pointer;transition:all .2s;font-family:inherit}.cs-reset:hover{background:#ffffff1f;border-color:#fff6;color:#fff}.cs-hint{font-size:10px;color:#ffffff4d;letter-spacing:1px;margin-top:auto}.gs-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);gap:0}.gs-tab{flex:1;padding:8px 4px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:none;border:none;border-bottom:2px solid transparent;color:#fff6;cursor:pointer;transition:color .2s,border-color .2s;font-family:inherit}.gs-tab:hover{color:#ffffffb3}.gs-tab.active{color:#0ff;border-bottom-color:#0ff}.gs-tab-content{flex:1;overflow-y:auto;min-height:0}.gs-pane{display:none}.gs-pane.active{display:flex;flex-direction:column;gap:16px}.gs-bind-list{display:flex;flex-direction:column;gap:6px}.gs-bind-row{display:flex;align-items:center;gap:8px}.gs-bind-label{flex:1;font-size:12px;font-weight:600;letter-spacing:.5px;color:#ffffffb3}.gs-bind-key{min-width:72px;padding:5px 10px;font-size:11px;font-weight:700;letter-spacing:1px;text-align:center;border:1px solid rgba(0,255,255,.3);border-radius:4px;background:#00ffff0d;color:#0ff;cursor:pointer;transition:all .15s;font-family:inherit}.gs-bind-key:hover{background:#00ffff1f;border-color:#0ff9}.gs-bind-key.listening{border-color:#f80;color:#f80;background:#ff88001a;animation:gs-pulse 1s ease-in-out infinite}@keyframes gs-pulse{0%,to{opacity:1}50%{opacity:.5}}.rank-badge{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;padding:2px 10px;border-radius:4px;border:1px solid}@keyframes champion-glow{0%,to{text-shadow:0 0 8px #FF444440;box-shadow:0 0 8px #ff444420}50%{text-shadow:0 0 16px #FF444480;box-shadow:0 0 16px #ff444440}}@media (max-width: 900px){#lobby{padding:24px 16px;padding-top:max(24px,env(safe-area-inset-top,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}.lobby-title{white-space:normal;line-height:1.1}.title-word{display:block}.lobby-title-wrap{margin-bottom:24px;height:auto;min-height:clamp(4rem,16vw,10rem)}.season-tag{margin-top:-16px;margin-bottom:24px;font-size:clamp(.8rem,2.5vw,1.4rem)}.lobby-btn{padding:14px 28px;font-size:16px}.lobby-btn-back{padding:8px 24px;font-size:13px}#car-preview{width:min(400px,80vw);height:min(280px,50vw)}.room-code-display{font-size:40px;letter-spacing:8px}}@media (max-width: 560px){.lobby-title-wrap{margin-bottom:16px;min-height:clamp(3rem,14vw,7rem)}.season-tag{margin-top:-10px;margin-bottom:20px;font-size:clamp(.7rem,2.5vw,1rem)}.lobby-buttons{flex-direction:column;gap:12px;width:80%;max-width:280px}.lobby-btn-row{width:100%}.lobby-btn{padding:12px 20px;font-size:15px;width:100%;text-align:center}.player-name-input{width:100%}.howtoplay-panel{padding:20px 16px}#lobby-music-controls{top:10px;left:10px}.lmc-track{display:none}.lobby-btn-nav{padding:8px 14px;font-size:18px;min-width:40px;width:auto}.lobby-btn-back{padding:8px 20px;font-size:12px;width:auto}#car-selector{gap:16px}#car-preview{width:min(300px,85vw);height:min(210px,55vw)}.car-model-nav{gap:10px}.car-model-label{font-size:13px;min-width:120px}.car-selector-buttons{gap:12px}.room-code-display{font-size:32px;letter-spacing:6px}.room-code-input{width:110px;padding:10px 12px;font-size:20px;letter-spacing:6px}.room-status{font-size:13px}.room-label{font-size:12px}.mode-buttons{width:100%}.team-lobby{gap:20px}.team-slot{width:100px;height:48px;font-size:12px}.team-header{font-size:15px}#room-lobby{gap:16px}}@media (max-height: 500px){#lobby{justify-content:flex-start;padding-top:8px;overflow-y:auto}.lobby-title-wrap{margin-bottom:8px;min-height:clamp(1.5rem,6vh,3rem)}.season-tag{margin-top:-6px;margin-bottom:10px;font-size:clamp(.6rem,2vh,.9rem)}.lobby-buttons,.lobby-btn-row{gap:8px}.lobby-btn{padding:8px 24px;font-size:14px}.player-name-input{padding:6px 12px;font-size:12px}#lobby-music-controls{top:6px;left:6px}#car-selector{gap:10px}#car-preview{width:min(240px,40vw);height:min(168px,28vw)}.car-model-label{font-size:12px;min-width:100px}.mode-buttons{width:100%}.lobby-btn-back{padding:6px 16px;font-size:11px}.room-code-display{font-size:28px;letter-spacing:6px}#room-lobby{gap:10px}.team-slot{width:90px;height:40px;font-size:11px}}@media (pointer: coarse){#hud-bottom{bottom:200px;right:20px}#boost-meter{width:70px;height:70px}#speed-bar{bottom:195px;left:auto;right:25px;transform:none;width:60px}.score{font-size:36px}}#match-scoreboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:300;background:#050510eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:32px 40px;min-width:480px;text-align:center;box-shadow:0 0 60px #0009,0 0 30px #0088ff1a;pointer-events:auto}.scoreboard-header{font-family:Orbitron,sans-serif;font-size:32px;font-weight:800;letter-spacing:4px;text-transform:uppercase;margin-bottom:8px}.scoreboard-score-row{font-family:Orbitron,sans-serif;font-size:48px;font-weight:800;margin-bottom:24px;letter-spacing:4px}.scoreboard-score-row .sb-blue{color:#08f;text-shadow:0 0 16px rgba(0,136,255,.5)}.scoreboard-score-row .sb-orange{color:#f60;text-shadow:0 0 16px rgba(255,102,0,.5)}.scoreboard-score-row .sb-dash{color:#ffffff4d;margin:0 12px}.scoreboard-table{width:100%;border-collapse:collapse;font-size:14px;letter-spacing:1px}.scoreboard-table th{font-size:11px;font-weight:700;text-transform:uppercase;color:#fff6;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.1);letter-spacing:2px}.scoreboard-table td{padding:8px 10px;text-align:center;color:#ffffffb3}.scoreboard-table .sb-player-col{text-align:left;min-width:100px}.scoreboard-row.blue td{color:#50aaffe6}.scoreboard-row.orange td{color:#ff8c32e6}.sb-mvp{color:gold;text-shadow:0 0 10px rgba(255,215,0,.6);font-size:16px}.sb-score{font-weight:800;color:#fff!important;font-size:16px}.scoreboard-separator td{padding:4px 0}.sb-sep-line{height:1px;background:#ffffff1a}#live-scoreboard{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:250;background:#050510a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px 24px;min-width:380px;text-align:center;pointer-events:none}#live-scoreboard .live-score-row{font-family:Orbitron,sans-serif;font-size:28px;font-weight:800;margin-bottom:10px;letter-spacing:3px}#live-scoreboard .sb-blue{color:#08f;text-shadow:0 0 12px rgba(0,136,255,.4)}#live-scoreboard .sb-orange{color:#f60;text-shadow:0 0 12px rgba(255,102,0,.4)}#live-scoreboard .sb-dash{color:#ffffff40;margin:0 8px}#live-scoreboard .scoreboard-table{opacity:.85}#live-scoreboard .scoreboard-table th{font-size:10px;padding:4px 8px}#live-scoreboard .scoreboard-table td{padding:5px 8px;font-size:13px}@media (max-width: 560px){#live-scoreboard{min-width:unset;width:90vw;padding:12px}}@media (max-width: 560px){#match-scoreboard{min-width:unset;width:94vw;padding:20px 16px}.scoreboard-header{font-size:22px}.scoreboard-score-row{font-size:36px}.scoreboard-table{font-size:12px}.scoreboard-table th{font-size:9px;padding:4px 6px}.scoreboard-table td{padding:6px}}