*{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-panel{max-width:560px;gap:16px}.lobby-settings-root{width:100%;display:flex;flex-direction:column;gap:14px;min-height:0}.lobby-settings-root .gs-tab{font-size:12px;padding:10px 4px}.lobby-settings-root .gs-tab-content{max-height:min(52vh,420px);overflow-y:auto;padding:6px 8px 6px 2px;scrollbar-width:thin;scrollbar-color:rgba(0,255,255,.3) rgba(255,255,255,.05)}.lobby-settings-root .gs-tab-content::-webkit-scrollbar{width:6px}.lobby-settings-root .gs-tab-content::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:3px}.lobby-settings-root .cs-label,.lobby-settings-root .gs-bind-label{font-size:13px}.lobby-settings-root .gs-bind-key{min-width:84px;padding:7px 10px}.lobby-settings-root .cs-row input[type=checkbox]{width:16px;height:16px}.gs-tab.gp-focus{outline-offset:-2px}.cs-slider.gp-focus{outline-offset:6px;border-radius:4px}input[type=checkbox].gp-focus{outline-offset:2px}.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}.mutator-selector{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:-10px}.mutator-label{color:#f8f;text-shadow:0 0 10px rgba(255,0,255,.45)}.mutator-desc{font-size:11px;letter-spacing:1px;color:#ffffff73;min-height:14px;text-align:center}#mutator-badge{display:inline-block;margin-top:6px;padding:2px 10px;border:1px solid rgba(255,0,255,.5);border-radius:10px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#f8f;text-shadow:0 0 8px rgba(255,0,255,.5);background:#28002859}.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:320;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:310;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-results{position:absolute;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse at center,#0000004d,#000000b8);pointer-events:none;opacity:0;transition:opacity .35s ease}#match-results.mr-visible{opacity:1}.mr-panel{width:min(720px,100%);max-height:100%;overflow-y:auto;background:#050510eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:26px 32px 22px;text-align:center;box-shadow:0 0 60px #0009;pointer-events:auto;transform:translateY(18px) scale(.97);transition:transform .45s cubic-bezier(.2,.8,.2,1);scrollbar-width:thin}.mr-visible .mr-panel{transform:none}.mr-win .mr-panel{border-color:#00ff8847;box-shadow:0 0 60px #0009,0 0 40px #00ff881a}.mr-loss .mr-panel{border-color:#ff5a5a38;box-shadow:0 0 60px #0009,0 0 40px #ff3c3c14}.mr-outcome{font-family:Orbitron,sans-serif;font-size:40px;font-weight:800;letter-spacing:8px;line-height:1.1}.mr-win .mr-outcome{color:#0f8;text-shadow:0 0 30px rgba(0,255,136,.6),0 0 60px rgba(0,255,136,.25)}.mr-loss .mr-outcome{color:#ff5a5a;text-shadow:0 0 30px rgba(255,90,90,.5)}.mr-subtitle{margin-top:4px;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#ffffff73}.mr-score{font-family:Orbitron,sans-serif;font-size:44px;font-weight:800;letter-spacing:4px;margin:8px 0 18px}.mr-score .sb-blue{color:#08f;text-shadow:0 0 16px rgba(0,136,255,.5)}.mr-score .sb-orange{color:#f60;text-shadow:0 0 16px rgba(255,102,0,.5)}.mr-score .sb-dash{color:#ffffff4d;margin:0 14px}.mr-body{display:flex;gap:22px;align-items:stretch;text-align:left}.mr-table-wrap{flex:1 1 auto;min-width:0;overflow-x:auto}.mr-table{font-size:13px}.mr-table th:not(.sb-player-col),.mr-table td:not(.sb-player-col){width:1%;white-space:nowrap}.scoreboard-row.you td{background:#00ffff0f}.scoreboard-row.you td:first-child{box-shadow:inset 2px 0 #0ff;border-radius:4px 0 0 4px}.scoreboard-row.you td:last-child{border-radius:0 4px 4px 0}.sb-you{display:inline-block;margin-left:8px;padding:1px 5px;font-size:9px;font-weight:700;letter-spacing:1px;color:#0ff;border:1px solid rgba(0,255,255,.4);border-radius:3px;vertical-align:middle}.mr-mvp-line{margin-top:10px;padding-left:10px;font-size:12px;letter-spacing:1px;color:#ffffff8c}.mr-mvp-line strong{color:#fff;font-weight:700}.mr-rewards{flex:0 0 236px;display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#00ffff0a;border:1px solid rgba(0,255,255,.15);border-radius:10px}.mr-rewards-title{font-family:Orbitron,sans-serif;font-size:11px;font-weight:800;letter-spacing:3px;color:#0ff;text-shadow:0 0 12px rgba(0,255,255,.4)}.mr-xp-list{display:flex;flex-direction:column;gap:4px}.mr-xp-row{display:flex;justify-content:space-between;gap:10px;padding:3px 8px;font-size:12px;color:#ffffffbf;background:#ffffff0a;border-radius:4px;opacity:0;animation:mrRowIn .35s ease-out forwards;animation-delay:calc(.35s + var(--i, 0) * 90ms)}.mr-xp-amt{color:#0f8;font-weight:700;white-space:nowrap}.mr-xp-total{margin-top:4px;font-family:Orbitron,sans-serif;font-size:20px;font-weight:800;letter-spacing:2px;color:#0f8;text-shadow:0 0 16px rgba(0,255,136,.5)}.mr-level-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:1px;color:#fff}.mr-levelup{font-family:Orbitron,sans-serif;font-size:9px;letter-spacing:2px;color:gold;border:1px solid rgba(255,215,0,.5);border-radius:3px;padding:2px 6px;text-shadow:0 0 8px rgba(255,215,0,.5);animation:mrPulse 1.2s ease-in-out infinite}.mr-bar{height:10px;background:#ffffff1a;border:1px solid rgba(0,255,255,.3);border-radius:6px;overflow:hidden}.mr-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#0ff,#0f8);border-radius:6px;transition:width .9s cubic-bezier(.2,.8,.2,1)}.mr-bar-fill.mr-bar-snap{transition:none}.mr-xp-text{font-size:10px;letter-spacing:1px;color:#ffffff73}.mr-rank{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;letter-spacing:1px;color:#fff6}.mr-rank-name{font-family:Orbitron,sans-serif;font-weight:800}.mr-rank-delta{font-weight:700}.mr-rank-delta.up,.mr-rank-tag.up{color:#0f8}.mr-rank-delta.down,.mr-rank-tag.down{color:#f44}.mr-rank-tag{font-size:9px;letter-spacing:1px;border:1px solid currentColor;border-radius:3px;padding:1px 5px}.mr-rank-mode{margin-left:auto}.mr-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:22px}.mr-actions .mr-primary{font-size:16px;padding:12px 36px}.mr-actions .lobby-btn:focus-visible{outline:2px solid #00ffff;outline-offset:3px}.mr-hints{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:11px;letter-spacing:1px;color:#ffffff59}.mr-hints kbd{display:inline-block;margin-right:5px;padding:1px 6px;font-family:Orbitron,sans-serif;font-size:9px;color:#ffffffb3;background:#ffffff0d;border:1px solid rgba(255,255,255,.25);border-radius:3px}.mr-hints kbd.mr-kbd-pad{color:#0ff;border-color:#0ff6}@keyframes mrRowIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes mrPulse{0%,to{opacity:1}50%{opacity:.5}}@media (hover: none) and (pointer: coarse){.mr-hints{display:none}.mr-actions .lobby-btn{min-height:48px}#game-container:has(#match-results) #touch-controls{opacity:.25;pointer-events:none}}@media (max-width: 720px){.mr-body{flex-direction:column}.mr-rewards{flex-basis:auto}}@media (max-height: 500px){#match-results{align-items:flex-start}.mr-panel{padding:14px 18px 12px}.mr-outcome{font-size:24px;letter-spacing:5px}.mr-score{font-size:28px;margin:4px 0 10px}.mr-actions{margin-top:12px}.mr-hints{display:none}}@media (prefers-reduced-motion: reduce){#match-results,.mr-panel,.mr-bar-fill{transition:none}.mr-xp-row{animation:none;opacity:1}.mr-levelup{animation:none}}.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){.mr-panel{padding:18px 14px 14px;border-radius:12px}.mr-outcome{font-size:28px;letter-spacing:5px}.mr-score{font-size:34px;margin:6px 0 14px}.mr-actions{flex-direction:column;align-items:stretch;gap:10px}.mr-actions .lobby-btn{width:100%;text-align:center}.scoreboard-table{font-size:12px}.scoreboard-table th{font-size:9px;padding:4px 6px}.scoreboard-table td{padding:6px}}.car-nameplate .np-text{display:flex;flex-direction:column;line-height:1.05}.car-nameplate .np-title{font-size:9px;letter-spacing:1px;color:#ffffffb3;font-weight:600}#lobby-challenges{width:260px;max-width:90vw;margin:0 auto 10px;padding:8px 12px 6px;background:#05051499;border:1px solid rgba(0,255,255,.15);border-radius:8px;cursor:pointer;font-family:Orbitron,sans-serif;transition:border-color .2s,background .2s;text-align:left;color:#fff;box-sizing:border-box}#lobby-challenges:hover,#lobby-challenges:focus-visible{border-color:#00ffff80;background:#00ffff0f;outline:none}.lc-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:#0ffc;margin-bottom:6px}.lc-streak{color:#fa3;font-size:10px;letter-spacing:1px}.lc-streak.lc-pending{color:#ffffff73}.lc-row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:10px;letter-spacing:1px;margin-bottom:5px}.lc-row .lc-name{color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-row .lc-count{color:#ffffff80}.lc-row.lc-done .lc-name,.lc-row.lc-done .lc-count{color:#0f8}.lc-bar{grid-column:1 / -1;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.lc-bar-fill{height:100%;background:linear-gradient(90deg,#0ff,#0f8);border-radius:2px;transition:width .5s}.lc-empty{font-size:10px;letter-spacing:1px;color:#ffffff73}.rw-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d1;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:400;font-family:Orbitron,sans-serif;opacity:0;transition:opacity .4s;cursor:pointer;padding:20px;box-sizing:border-box}.rw-title{font-size:26px;font-weight:800;color:#0ff;letter-spacing:4px;margin-bottom:18px;text-shadow:0 0 20px rgba(0,255,255,.5)}.rw-streak{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:2px;color:#fa3;padding:8px 18px;border:1px solid rgba(255,170,51,.4);border-radius:6px;background:#ffaa3314;margin-bottom:14px;text-shadow:0 0 12px rgba(255,170,51,.5)}.rw-flame{font-size:18px}.rw-section{font-size:11px;letter-spacing:3px;color:#ffffff73;margin:10px 0 6px}.rw-row{width:320px;max-width:90vw;padding:7px 14px;background:#00ffff0d;border-radius:4px;font-size:13px;letter-spacing:1px;margin-bottom:6px;color:#ffffffd9;box-sizing:border-box}.rw-xp{color:#0f8;font-weight:700}.rw-ach{display:grid;grid-template-columns:1fr auto;gap:2px 10px;background:#ffd70014;border:1px solid rgba(255,215,0,.3)}.rw-ach-name{color:gold;font-weight:800}.rw-ach-title{grid-column:1;font-size:10px;color:#ffffff8c}.rw-unlock{display:flex;align-items:center;gap:10px}.rw-swatch{width:14px;height:14px;border-radius:50%;flex-shrink:0}.rw-hint{margin-left:auto;font-size:9px;color:#fff6}.rw-ch-head{display:flex;justify-content:space-between;margin-bottom:5px}.rw-ch-name{font-weight:700}.rw-ch-count{color:#ffffff8c}.rw-done .rw-ch-name{color:#0f8}.rw-tag,.pp-tag{font-size:8px;letter-spacing:1px;padding:1px 5px;border-radius:3px;background:#aa44ff40;color:#d9b3ff;margin-right:6px;vertical-align:middle}.rw-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.rw-bar-fill{height:100%;background:linear-gradient(90deg,#0ff,#0f8);border-radius:3px;transition:width 1.2s ease-out}.profile-panel{max-width:640px;gap:12px}.pp-head{display:flex;flex-direction:column;align-items:center;gap:2px}.pp-conn{font-size:10px;letter-spacing:1px;color:#fa3;min-height:12px;font-family:Orbitron,sans-serif}.pp-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.pp-tab{font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:6px 12px;border:1px solid rgba(0,255,255,.2);background:transparent;color:#fff9;border-radius:4px;cursor:pointer;transition:all .15s}.pp-tab:hover,.pp-tab:focus-visible{color:#fff;border-color:#00ffff80;outline:none}.pp-tab.active{color:#0ff;border-color:#0ff;background:#00ffff1a}.pp-content{gap:12px;font-family:Orbitron,sans-serif;min-height:200px}.pp-empty{color:#ffffff73;font-size:12px;letter-spacing:1px;text-align:center;padding:20px 0}.pp-note{color:#fff6;font-size:10px;letter-spacing:1px;line-height:1.5}.pp-section-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:3px;color:#ffffff80;margin-top:4px}.pp-reset{font-size:9px;letter-spacing:1px;color:#fff6;text-transform:none;text-align:right}.pp-seg{display:inline-flex;border:1px solid rgba(0,255,255,.25);border-radius:4px;overflow:hidden}.pp-seg-btn{font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:1px;padding:3px 10px;border:none;background:transparent;color:#fff9;cursor:pointer}.pp-seg-btn.active{background:#0ff3;color:#0ff}.pp-user{text-align:center}.pp-user-name{font-size:20px;font-weight:800;letter-spacing:2px;color:#fff}.pp-user-level{font-size:12px;letter-spacing:2px;color:#0ff;margin-top:2px}.pp-user-title{display:inline-block;margin-top:4px;font-size:10px;letter-spacing:2px;color:gold;border:1px solid rgba(255,215,0,.35);padding:2px 8px;border-radius:3px}.pp-ranks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pp-rank-card{--rc: #00ffff;padding:10px 12px;border:1px solid var(--rc);background:#ffffff08;border-radius:8px}.pp-rank-mode{font-size:9px;letter-spacing:2px;color:#ffffff73}.pp-rank-name{font-size:14px;font-weight:800;letter-spacing:2px;color:var(--rc);margin:2px 0}.pp-rank-mmr{font-size:10px;letter-spacing:1px;color:#fff9;margin-bottom:6px}.pp-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;flex:1}.pp-bar-fill{height:100%;background:linear-gradient(90deg,#0ff,#0f8);border-radius:3px;transition:width .5s}.pp-bar-rank .pp-bar-fill{background:var(--rc)}.pp-bar-wide{margin-bottom:4px}.pp-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.pp-stat{display:flex;flex-direction:column;align-items:center;padding:8px 4px;background:#ffffff0a;border-radius:6px}.pp-stat-v{font-size:15px;font-weight:800;color:#fff}.pp-stat-l{font-size:8px;letter-spacing:1.5px;color:#ffffff73;text-transform:uppercase;margin-top:2px}.pp-chart{width:100%;height:150px;display:block;background:#ffffff08;border-radius:6px}.pp-matches{display:flex;flex-direction:column;gap:4px}.pp-match{display:grid;grid-template-columns:22px 60px 1fr auto 44px;gap:8px;align-items:center;padding:6px 10px;border-radius:4px;background:#ffffff0a;font-size:11px;letter-spacing:1px;color:#ffffffbf}.pp-match-res{font-weight:800}.pp-win .pp-match-res{color:#0f8}.pp-loss .pp-match-res{color:#f55}.pp-match-score{font-weight:700;color:#fff}.pp-match-mode{color:#ffffff80;font-size:10px}.pp-match-date{text-align:right;color:#fff6;font-size:10px}.pp-streak{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,170,51,.4);background:#ffaa3314;border-radius:6px;font-size:11px;letter-spacing:1px;color:#fc6}.pp-streak-done{border-color:#00ff8859;background:#00ff880f;color:#9fffd0}.pp-flame{font-size:16px}.pp-ch-list{display:flex;flex-direction:column;gap:8px}.pp-ch{padding:10px 12px;background:#00ffff0d;border:1px solid rgba(0,255,255,.12);border-radius:6px}.pp-ch.pp-done{border-color:#0f86;background:#00ff880f}.pp-ch-head{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}.pp-ch-name{font-weight:800;color:#fff}.pp-done .pp-ch-name{color:#0f8}.pp-ch-xp{color:#0f8;font-weight:700}.pp-ch-desc{font-size:10px;color:#ffffff8c;margin:3px 0 7px;letter-spacing:.5px}.pp-ch-foot{display:flex;align-items:center;gap:10px}.pp-ch-count{font-size:10px;color:#fff9;min-width:36px;text-align:right}.pp-ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.pp-ach{padding:10px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);opacity:.6}.pp-ach-on{opacity:1;background:#ffd70012;border-color:#ffd70059}.pp-ach-name{font-size:11px;font-weight:800;letter-spacing:1px;color:#fff}.pp-ach-on .pp-ach-name{color:gold}.pp-ach-desc{font-size:9px;color:#ffffff8c;margin:3px 0 6px;line-height:1.4}.pp-ach-foot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#fff6}.pp-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.pp-swatch{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#fff;font-family:Orbitron,sans-serif;cursor:pointer;transition:border-color .15s,background .15s}.pp-swatch:hover:not(:disabled),.pp-swatch:focus-visible{border-color:#00ffff80;outline:none}.pp-swatch.active{border-color:#0ff;background:#00ffff1a}.pp-swatch.pp-locked{opacity:.45;cursor:not-allowed}.pp-swatch.pp-locked .pp-swatch-dot{filter:grayscale(.7);box-shadow:none!important}.pp-swatch-dot{width:22px;height:22px;border-radius:50%}.pp-swatch-name{font-size:9px;letter-spacing:1px;font-weight:700}.pp-swatch-req{font-size:7px;letter-spacing:.5px;color:#ffffff80;text-align:center}.pp-swatch.active .pp-swatch-req{color:#0ff}.pp-titles{display:flex;flex-wrap:wrap;gap:6px}.pp-title-btn{font-family:Orbitron,sans-serif;font-size:9px;letter-spacing:1px;padding:5px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#fffc;cursor:pointer}.pp-title-btn:hover:not(:disabled),.pp-title-btn:focus-visible{border-color:#ffd70099;outline:none}.pp-title-btn.active{border-color:gold;color:gold;background:#ffd7001a}.pp-title-btn.pp-locked{opacity:.35;cursor:not-allowed}.pp-lb-head,.pp-lb-row{display:grid;grid-template-columns:36px 1fr 92px 48px 52px 34px;gap:6px;align-items:center;font-size:11px;letter-spacing:1px}.pp-lb-head{font-size:8px;letter-spacing:2px;color:#fff6;padding:0 10px;text-transform:uppercase}.pp-lb{display:flex;flex-direction:column;gap:3px}.pp-lb-row{padding:6px 10px;border-radius:4px;background:#ffffff0a;color:#fffc}.pp-lb-row.pp-me{background:#00ffff1f;border:1px solid rgba(0,255,255,.4)}.pp-lb-pos{color:#ffffff80}.pp-lb-name{display:flex;flex-direction:column;color:#fff;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pp-lb-title{font-size:8px;font-weight:600;color:gold;letter-spacing:1px}.pp-lb-rank{font-size:9px;font-weight:800;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-lb-mmr{font-weight:700}.pp-lb-rec,.pp-lb-lvl{color:#ffffff8c;font-size:10px}.pp-pager{display:flex;justify-content:center;align-items:center;gap:14px;font-size:10px;letter-spacing:1px;color:#fff9}.pp-pager .lobby-btn-nav:disabled{opacity:.3;cursor:default}@media (max-width: 560px){.pp-ranks{grid-template-columns:1fr}.pp-lb-head,.pp-lb-row{grid-template-columns:30px 1fr 72px 44px}.pp-lb-rec,.pp-lb-lvl{display:none}.pp-match{grid-template-columns:20px 52px 1fr 44px}.pp-match-stats{display:none}}@media (max-height: 500px){#lobby-challenges{display:none}}