html{box-sizing:border-box;user-select:none;-webkit-user-select:none}*,*:before,*:after{box-sizing:inherit}body{margin:0;width:100%;height:100%;overflow:hidden;background:#00448c;font-family:Segoe UI,Arial,Helvetica,sans-serif}#mainContainer{position:relative;width:100vw;height:100vh;--left-w: 0px;--right-w: 192px;--bar-h: 44px;--banner-h: 0px}#mainContainer.framed{display:grid;grid-template-columns:var(--left-w, 0px) minmax(0,1fr) var(--right-w, 192px);grid-template-rows:minmax(0,1fr) var(--bar-h, 44px) var(--banner-h, 0px);background:#0058b8;position:relative}#mainContainer.framed>#gameContainer{grid-column:2;grid-row:1;position:relative;width:auto;height:auto;min-width:0;min-height:0;border-right:2px solid #075fc6}#gameCanvasWrapper{position:relative;width:100%;height:100%;overflow:hidden}#gameCanvas{display:block;width:100%!important;height:100%!important}#splashOverlay{position:absolute;inset:0;z-index:15;background:radial-gradient(circle at 50% 42%,#1062d0b8,#00448ce0 70%,#003472f2);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .25s ease}#splashOverlay.hidden{opacity:0;pointer-events:none}.splashCenter{display:flex;flex-direction:column;align-items:center;gap:14px;transform:translateY(-6px);max-width:96%}.brandLogo.HeroLogo{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 8px 0 #000000) drop-shadow(0 14px 24px rgba(0,0,0,.45));transform:skew(-8deg)}.logoTop{font-size:62px;font-weight:900;letter-spacing:3px;line-height:.92;background:linear-gradient(180deg,#64d2ff,#1d8cf8 55%,#0b5ed7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:4px #06152d;padding:0 12px}.logoBottom{font-size:86px;font-weight:900;letter-spacing:2px;line-height:.92;background:linear-gradient(180deg,#ffb347,#ff5e14 55%,#c82808);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:5px #06152d;position:relative}.logoBottom .tm{font-size:14px;-webkit-text-stroke:0;-webkit-text-fill-color:#ffe082;background:#06152d;padding:2px 6px;border-radius:4px;position:absolute;bottom:6px;right:-34px}.badgeRow{display:flex;align-items:center;gap:14px}.storeBadge{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;background:#080b10;color:#fff;border:1.5px solid rgba(255,255,255,.82);border-radius:7px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.storeBadge:hover{transform:translateY(-2px) scale(1.03);border-color:#ffca28;box-shadow:0 6px 18px #00000059}.storeBadge.playNowBtn{background:linear-gradient(180deg,#1b9e3e,#0f6e27);border-color:#9cffab}.storeBadge.discordStyle{background:#5865f2;border-color:#fff}.badgeIcon{font-size:20px}.badgeText{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.badgeText small{font-size:9px;opacity:.85;letter-spacing:.5px}.badgeText strong{font-size:14px;font-weight:800}.splashFooterLeft{position:absolute;left:16px;bottom:18px;display:flex;align-items:center;gap:12px}.wheelSpinner{width:44px;height:44px;border-radius:50%;border:6px solid #042246;border-top-color:#7cc0ff;border-right-color:#fff;background:radial-gradient(circle,#fff 22%,#154580 25%,#062142 70%);animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loadingLabel{font-size:30px;font-weight:900;color:#fff;text-shadow:0 3px 0 #042246;letter-spacing:.5px}.splashFooterRight{position:absolute;right:18px;bottom:16px}.studioEmblem{font-size:20px;font-weight:900;line-height:.95;color:#fff;text-align:right;text-shadow:0 2px 0 #042246}#hudOverlay{position:absolute;inset:0;z-index:10;pointer-events:none}#hudOverlay.hidden{display:none}.hudTopLeft{position:absolute;top:14px;left:14px;display:flex;align-items:flex-start;gap:12px}.weaponCard{width:96px;height:96px;background:#081630db;border:3px solid #ffffff;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 8px;box-shadow:0 6px 18px #00000073}.weaponCard[data-weapon=ROCKET]{border-color:#ff5252;background:#440e12e0}.weaponCard[data-weapon=MACHINE_GUN]{border-color:#ffd740;background:#3e3008e0}.weaponCard[data-weapon=LANDMINE]{border-color:#ff9100;background:#421e06e0}.weaponCard[data-weapon=STAR]{border-color:#e040fb;background:#380c4aeb}.weaponKeyHint{font-size:9px;font-weight:800;color:#90caf9;letter-spacing:1px}.weaponIcon{font-size:32px;line-height:1}.weaponName{font-size:10px;font-weight:900;color:#fff;text-align:center}.weaponAmmoBar{width:100%;height:5px;background:#fff3;border-radius:3px;overflow:hidden}#weaponAmmoFill{height:100%;background:#00e676;transition:width .1s linear}.driftGaugeCard{background:#081630d1;border:2px solid rgba(255,255,255,.35);border-radius:12px;padding:8px 12px;width:190px;color:#fff}.driftHeader{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;margin-bottom:6px}.tierBadge{font-size:10px;padding:1px 6px;border-radius:4px;background:#ffffff26}.driftSegments{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:5px}.driftSeg{height:18px;border-radius:4px;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;background:#ffffff1f;color:#ffffff73;border:1px solid rgba(255,255,255,.15)}.driftSeg.active.segBlue{background:#00b0ff;color:#00192b;box-shadow:0 0 10px #00b0ff}.driftSeg.active.segOrange{background:#ff9100;color:#261100;box-shadow:0 0 10px #ff9100}.driftSeg.active.segPurple{background:#d500f9;color:#fff;box-shadow:0 0 12px #d500f9}.driftHint{font-size:10px;color:#bbdefb}.hudTopCenter{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.matchTimerPill{background:#061228e0;border:2px solid rgba(255,255,255,.5);border-radius:20px;padding:4px 16px;display:flex;align-items:center;gap:10px;color:#fff}.modeTag{font-size:10px;font-weight:900;background:#1a7dee;padding:2px 7px;border-radius:10px}.timerDigits{font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}.hpBarContainer{width:210px;height:18px;background:#000000a6;border:2px solid #ffffff;border-radius:10px;position:relative;overflow:hidden}.hpBarFill{height:100%;background:linear-gradient(90deg,#00e676,#69f0ae);transition:width .12s ease}.hpBarText{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#fff;text-shadow:0 1px 2px #000}.statusBanner{background:linear-gradient(90deg,#ff9100,#e040fb,#00e5ff);color:#fff;font-size:12px;font-weight:900;padding:3px 14px;border-radius:12px;box-shadow:0 4px 12px #0006}.statusBanner.hidden{display:none}.hudTopRight{position:absolute;top:14px;right:14px}.leaderboardCard{width:210px;background:#061228d6;border:2px solid rgba(255,255,255,.35);border-radius:12px;padding:8px 10px;color:#fff}.lbTitle{font-size:11px;font-weight:900;color:#ffd54f;margin-bottom:6px;letter-spacing:.5px}.lbRows{display:flex;flex-direction:column;gap:3px}.lbRow{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:3px 6px;border-radius:4px;background:#ffffff0f}.lbRow.isPlayer{background:#1a7dee73;border:1px solid #64b5f6;font-weight:800}.killFeedContainer{position:absolute;top:98px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px}.killToast{background:#08142ce0;border-left:4px solid #ff5252;color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:6px;box-shadow:0 4px 10px #00000059}.hudBottomLeft{position:absolute;bottom:14px;left:14px}.minimapFrame{background:#061228db;border:2px solid rgba(255,255,255,.55);border-radius:12px;padding:6px;display:flex;flex-direction:column;align-items:center}#minimapCanvas{display:block;border-radius:8px;background:#091e3a}.minimapLabel{font-size:9px;font-weight:800;color:#90caf9;margin-top:3px}.hudBottomRight{position:absolute;bottom:14px;right:14px}.speedCard{width:126px;background:#061228db;border:2px solid rgba(255,255,255,.45);border-radius:12px;padding:8px 12px;text-align:right;color:#fff}.speedValue{font-size:30px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.speedUnit{font-size:10px;font-weight:800;color:#64b5f6;margin-bottom:5px}.speedBarOuter{width:100%;height:6px;background:#ffffff2e;border-radius:3px;overflow:hidden}.speedBarInner{height:100%;width:0%;background:linear-gradient(90deg,#00e5ff,#00e676,#ff9100)}.selftestBanner{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#0a1c12eb;border:2px solid #00e676;border-radius:10px;padding:8px 16px;color:#e8f5e9;min-width:380px;text-align:center}.selftestBanner.hidden{display:none}.stTitle{font-size:11px;font-weight:900;color:#69f0ae;margin-bottom:4px}.stSteps{font-size:12px;font-family:Consolas,monospace}#mainContainer.framed>#frameRight{grid-column:3;grid-row:1 / -1;display:flex;flex-direction:column;background:#0058b8;color:#fff;padding:12px}.telemetrySidebar{background:#002a5ca6;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px;font-size:11px}.telemetrySidebar h4,.telemetrySidebar h5{margin:0 0 8px;color:#ffd54f;font-size:12px}.teleBlock{display:flex;justify-content:space-between;margin-bottom:5px}.telemetrySidebar hr{border:none;border-top:1px solid rgba(255,255,255,.15);margin:8px 0}.arsenalList{margin:0 0 10px;padding-left:14px;line-height:1.5}.sideActionBtn{width:100%;padding:6px 8px;background:#1a7dee;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.sideActionBtn:hover{background:#3a92f2}#mainContainer.framed>#frameBar{grid-column:2;grid-row:2;display:flex;align-items:center;gap:16px;padding:0 12px;background:#075fc6;color:#fff}.miniBrandLogo{display:flex;flex-direction:column;line-height:.9;font-weight:900;transform:skew(-8deg)}.miniBrandLogo .mTop{font-size:11px;color:#64d2ff}.miniBrandLogo .mBot{font-size:14px;color:#ff8a3d}#frameInfo{flex:1 1 auto;font:12px monospace;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#frameBarActions{display:flex;align-items:center;gap:10px;margin-left:auto}#frameBarActions>button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:#fff;background:#1a7dee;border:1px solid rgba(255,255,255,.35);border-radius:6px;cursor:pointer}#frameBarActions>button:hover{background:#3a92f2}#frameBarActions>button svg{width:18px;height:18px}.frameSlidePanel{position:absolute;left:var(--left-w, 0px);right:var(--right-w, 192px);bottom:var(--bar-h, 44px);z-index:25;margin:0 auto;width:min(380px,100%);padding:16px 20px;background:#00448c;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 -8px 24px #0006;transition:transform .2s ease-out}.frameSlidePanel[hidden]{display:block;visibility:hidden;pointer-events:none;transform:translateY(100%)}.frameSlidePanelHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.frameSlidePanelHeader h3{margin:0;font-size:16px}.frameSlidePanelHeader button{background:none;border:0;color:#fff;font-size:22px;cursor:pointer}.splashRecordPill{background:#041630d1;border:1.5px solid rgba(255,202,40,.65);border-radius:99px;padding:5px 18px;color:#e3f2fd;font-size:12px;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 14px #00000059}.splashRecordPill strong{color:#ffd54f;font-weight:900}.garagePanel{background:#06142ed6;border:1.5px solid rgba(100,181,246,.45);border-radius:14px;padding:10px 14px;width:min(620px,95vw);display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px #00000073}.garageTopRow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.garageField{display:flex;flex-direction:column;gap:4px}.garageLabel{font-size:9px;font-weight:900;letter-spacing:.7px;color:#90caf9}.nicknameInput{height:30px;width:148px;padding:0 10px;border-radius:6px;border:1.5px solid rgba(255,255,255,.45);background:#030c1ce6;color:#fff;font-size:12px;font-weight:800;outline:none;user-select:text;-webkit-user-select:text}.nicknameInput:focus{border-color:#00e5ff;box-shadow:0 0 0 2px #00e5ff47}.paintSwatchRow{display:flex;align-items:center;gap:6px}.paintSwatch{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.45);cursor:pointer;padding:0;transition:transform .12s ease,border-color .12s ease}.paintSwatch:hover{transform:scale(1.12)}.paintSwatch.active{border-color:#fff;box-shadow:0 0 0 2px #ffd54f;transform:scale(1.12)}.themePillRow{display:flex;align-items:center;gap:5px}.themePillBtn{height:28px;padding:0 9px;border-radius:6px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff14;color:#e3f2fd;font-size:11px;font-weight:800;cursor:pointer;transition:background .12s ease,border-color .12s ease}.themePillBtn:hover{border-color:#90caf9}.themePillBtn.active{background:#1a7dee;border-color:#ffd54f;color:#fff}.kartClassRow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kartClassCard{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:4px;padding:7px 10px;border-radius:9px;border:1.5px solid rgba(255,255,255,.25);background:#ffffff0f;color:#fff;cursor:pointer;text-align:left;transition:transform .12s ease,border-color .12s ease,background .12s ease}.kartClassCard:hover{transform:translateY(-1px);border-color:#64b5f6}.kartClassCard.active{background:linear-gradient(180deg,#1a7dee6b,#0d47a185);border-color:#00e676;box-shadow:0 0 10px #00e67640}.kcHeader{width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px}.kcTitle{font-size:12px;font-weight:900}.kcUnlockBadge{font-size:9px;font-weight:800;padding:1px 5px;border-radius:4px;background:#ffc10738;color:#ffe082}.kcUnlockBadge.unlocked{background:#00e67638;color:#69f0ae}.kcStats{font-size:10px;color:#bbdefb}.kcStats b{color:#fff}.podiumModal{position:absolute;inset:0;z-index:30;background:#040e22db;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:16px}.podiumModal.hidden{display:none}.podiumCard{width:min(460px,94%);background:linear-gradient(180deg,#0c264e,#071733);border:2.5px solid #ffd54f;border-radius:18px;padding:22px 24px;color:#fff;box-shadow:0 18px 48px #000000a6;text-align:center}.podiumCrown{font-size:38px;line-height:1;display:block;margin-bottom:6px}.podiumHeader h2{margin:0;font-size:22px;font-weight:900;color:#ffd54f;letter-spacing:.6px}.podiumHeader p{margin:4px 0 14px;font-size:12px;color:#90caf9}.podiumTop3List{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.podiumRow{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.16);font-size:13px}.podiumRow.rank1{background:linear-gradient(90deg,#ffc10747,#ff980024);border-color:#ffd54f}.podiumRow.rank2{background:#b0bec52e;border-color:#cfd8dc}.podiumRow.rank3{background:#ff8a6529;border-color:#ffab91}.podiumRow.isPlayer{box-shadow:0 0 0 2px #00e676 inset}.podiumRankName{font-weight:900;display:flex;align-items:center;gap:8px}.podiumStats{font-family:Consolas,monospace;font-weight:800;color:#ffe082}.podiumCareerSummary{display:flex;justify-content:space-around;background:#00000059;border-radius:10px;padding:9px 12px;font-size:12px;color:#b3e5fc;margin-bottom:18px}.podiumCareerSummary strong{color:#00e676}.podiumActions{display:flex;justify-content:center}.podiumBtn{height:48px;padding:0 26px}.mobileTouchControls{display:none;position:absolute;left:14px;right:14px;bottom:18px;z-index:18;pointer-events:none;justify-content:space-between;align-items:flex-end}body.touchMode .mobileTouchControls{display:flex}@media (max-width: 900px),(pointer: coarse){.mobileTouchControls{display:flex}#mainContainer.framed{--right-w: 0px}#mainContainer.framed>#frameRight{display:none}.hudBottomLeft,.hudBottomRight{bottom:92px}}.touchClusterLeft,.touchClusterRight{display:flex;gap:10px;pointer-events:auto}.touchBtn{width:60px;height:60px;border-radius:16px;border:2.5px solid rgba(255,255,255,.78);background:#081834d1;color:#fff;font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 6px 16px #00000073}.touchBtn.active,.touchBtn:active{transform:scale(.93);background:#1e88e5;border-color:#ffd54f}.touchBtn.touchGas{background:#00c853d1;border-color:#b9f6ca}.touchBtn.touchBrake{background:#546e7ad9;border-color:#cfd8dc}.touchBtn.touchDrift{background:#ff9100d9;border-color:#ffe082}.touchBtn.touchFire{background:#e53935e0;border-color:#ffcdd2}