:root{--bg:#0b0e1a;--ink:#f2f5ff;--muted:#f2f5ff9e;--accent:#29e6ff;--accent-2:#ffb52e;--danger:#ff4d6d;--gold:#ffcf3f;--silver:#d7dee8;--bronze:#e08d4f;--author:#29e6ff;--panel:#0d1222d1;--panel-border:#78a0ff29;--font-display:"Orbitron", "Rajdhani", system-ui, sans-serif;--font-ui:"Rajdhani", "Segoe UI", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{pointer-events:none;z-index:10;position:absolute;inset:0}#ui-root>*{pointer-events:auto}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.hud,.menu-layer{position:absolute;inset:0}.hidden{display:none!important}.hud{z-index:20;pointer-events:none;font-family:var(--font-ui)}.hud-top{top:calc(12px + var(--safe-top));left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:flex-start;gap:12px;display:grid;position:absolute}.hud-track-name{font-family:var(--font-display);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;text-shadow:0 2px 8px #0009;justify-self:start;font-size:15px;font-weight:700}.hud-timer-wrap{text-align:center}.hud-timer{font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 2px 16px #000000a6;font-variant-numeric:tabular-nums;font-size:clamp(28px,5vw,44px);font-weight:900}.hud-best{color:var(--accent);letter-spacing:.08em;font-size:14px;font-weight:600}.hud-live-delta{font-family:var(--font-display);font-variant-numeric:tabular-nums;min-height:20px;font-size:17px;font-weight:700}.hud-live-delta.ahead{color:#7dff6e}.hud-live-delta.behind{color:#ff6e7d}.split-delta{font-family:var(--font-display);margin-top:2px;font-size:20px;font-weight:700}.split-delta.ahead,.delta-ahead{color:#7dff6e}.split-delta.behind,.delta-behind{color:#ff6e7d}.split-cp{letter-spacing:.14em;color:var(--muted);font-size:13px}.hud-cp-wrap{justify-self:end;align-items:center;gap:8px;padding-right:0;display:flex}.touch-active .hud-cp-wrap{padding-right:52px}.hud-cp{font-family:var(--font-display);color:var(--muted);letter-spacing:.1em;text-shadow:0 2px 8px #0009;font-size:15px;font-weight:700}.hud-lap{font-family:var(--font-display);color:var(--accent);letter-spacing:.1em;text-shadow:0 2px 8px #0009;font-size:15px;font-weight:700}.hud-lap.hidden{display:none}.hud-bottom{bottom:calc(18px + var(--safe-bottom));left:calc(20px + var(--safe-left));right:calc(20px + var(--safe-right));justify-content:space-between;align-items:flex-end;display:flex;position:absolute}.touch-active .hud-speed-wrap{right:calc(20px + var(--safe-right));bottom:calc(214px + var(--safe-bottom));position:absolute}.touch-active .hud-drift{left:calc(20px + var(--safe-left));bottom:calc(214px + var(--safe-bottom));position:absolute}.hud-respawn-hint{bottom:calc(140px + var(--safe-bottom));font-family:var(--font-display);letter-spacing:.1em;color:var(--accent-2);text-shadow:none;opacity:0;pointer-events:none;background:#0a0e1ab8;border:1px solid #ffb52e66;border-radius:10px;padding:8px 18px;font-size:15px;font-weight:700;transition:opacity .2s;position:absolute;left:50%;transform:translate(-50%)}.hud-respawn-hint.show{opacity:1}.progress-track{bottom:calc(76px + var(--safe-bottom));pointer-events:none;background:#ffffff2e;border-radius:2px;width:min(420px,44vw);height:4px;position:absolute;left:50%;transform:translate(-50%)}.progress-tick{background:#ffffff73;border-radius:1px;width:2px;height:10px;position:absolute;top:-3px;transform:translate(-1px)}.progress-dot{border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-dot.player{background:var(--accent);box-shadow:0 0 10px #29e6ffe6}.progress-dot.ghost{background:#ffffffbf;width:7px;height:7px}.touch-active .progress-track{display:none}.hud-drift{font-family:var(--font-display);letter-spacing:.2em;color:var(--accent-2);opacity:0;text-shadow:0 0 18px #ffb52ea6;font-size:22px;font-weight:900;transition:opacity .12s;transform:skew(-8deg)}.hud-drift.active{opacity:1}.hud-speed-wrap{text-align:right;text-shadow:0 2px 14px #000000a6}.hud-speed{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(40px,7vw,64px);font-weight:900;line-height:.95}.hud-speed-unit{letter-spacing:.18em;color:var(--muted);font-size:14px;font-weight:600}.hud-center{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown{font-family:var(--font-display);color:#fff;text-shadow:0 0 40px #29e6ffcc,0 4px 24px #00000080;opacity:0;font-size:clamp(90px,18vw,190px);font-weight:900}.countdown.go{color:var(--accent)}.countdown.pop{animation:.9s ease-out forwards countPop}@keyframes countPop{0%{opacity:0;transform:scale(1.7)}18%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.92)}}.hud-split-toast{text-align:center;opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.hud-split-toast.show{opacity:1}.split-time{font-family:var(--font-display);color:#fff;text-shadow:0 2px 14px #000000b3;font-size:30px;font-weight:700}.finish-flash{font-family:var(--font-display);color:#fff;text-shadow:0 0 40px #ffffff80,0 4px 24px #00000080;font-size:clamp(40px,8vw,90px);font-weight:900;animation:2.2s ease-out forwards countPop}.finish-flash.banner-author{color:var(--author);text-shadow:0 0 60px #29e6ffe6}.finish-flash.banner-gold{color:var(--gold);text-shadow:0 0 60px #ffcf3fe6}.finish-flash.banner-silver{color:var(--silver);text-shadow:0 0 60px #d7dee8cc}.finish-flash.banner-bronze{color:var(--bronze);text-shadow:0 0 60px #e08d4fcc}.finish-flash.splash-final{color:var(--accent-2);text-shadow:0 0 60px #ffb52ee6,0 4px 24px #00000080}.medal{font-family:var(--font-display);letter-spacing:.1em;border-radius:4px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.medal-author{color:var(--author);background:#29e6ff2e}.medal-gold{color:var(--gold);background:#ffcf3f2e}.medal-silver{color:var(--silver);background:#d7dee82e}.medal-bronze{color:var(--bronze);background:#e08d4f2e}.menu-layer{z-index:30;pointer-events:none}.menu-layer>*{pointer-events:auto}.screen{padding:calc(24px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));background:radial-gradient(at 50% 30%,#0a0e1c8c,#080a14e0);flex-direction:column;justify-content:safe center;align-items:center;gap:20px;display:flex;position:absolute;inset:0;overflow-y:auto}.screen>.panel,.screen>.track-grid,.screen>.screen-header,.screen>.settings-list,.screen>.controls-help{margin:auto 0}.title-screen{background:radial-gradient(at 50% 20%,#0a0e1c59,#080a14cc)}.game-logo{text-align:center;-webkit-user-select:none;user-select:none}.logo-race{font-family:var(--font-display);letter-spacing:.06em;color:#fff;text-shadow:0 0 30px #29e6ff8c,0 6px #29e6ff40,0 12px 40px #0009;font-size:clamp(64px,14vw,130px);font-weight:900;line-height:1}.logo-2{color:var(--accent);text-shadow:0 0 44px #29e6fff2}.logo-tag{letter-spacing:.42em;color:var(--muted);text-transform:uppercase;margin-top:10px;font-size:clamp(11px,2vw,15px);font-weight:600}.menu-buttons{flex-direction:column;gap:12px;width:min(320px,80vw);display:flex}.menu-btn{font-family:var(--font-display);letter-spacing:.14em;border:1px solid var(--panel-border);color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141b30d9;border-radius:10px;padding:14px 26px;font-size:17px;font-weight:700;transition:transform 90ms,background .15s,border-color .15s}.menu-btn:hover{background:#263258e6;border-color:#78c8ff73;transform:translateY(-1px)}.menu-btn:active{transform:translateY(1px)scale(.99)}.menu-btn.primary{color:#04121a;background:linear-gradient(135deg,#0fa8c4,#29e6ff);border-color:#0000;box-shadow:0 4px 30px #29e6ff59}.menu-btn.primary:hover{filter:brightness(1.1)}.menu-btn.danger{color:#ff8ba0;border-color:#ff4d6d66}.menu-btn.small{width:-moz-fit-content;width:fit-content;padding:8px 16px;font-size:13px}.title-hint{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-size:13px}.screen-header{justify-content:space-between;align-items:center;width:min(760px,94vw);display:flex}.screen-title{font-family:var(--font-display);letter-spacing:.1em;font-size:clamp(22px,4vw,34px);font-weight:900}.track-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;width:min(760px,94vw);display:grid}.track-card{text-align:left;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;transition:transform .11s,border-color .15s,box-shadow .15s;display:flex}.track-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 40px #29e6ff29}.track-card-top{align-items:center;gap:14px;display:flex}.track-num{font-family:var(--font-display);color:var(--accent,#29e6ff);opacity:.9;font-size:34px;font-weight:900}.track-name{font-family:var(--font-display);letter-spacing:.04em;font-size:19px;font-weight:700}.track-sub{color:var(--muted);letter-spacing:.06em;font-size:13px}.track-card-bottom{justify-content:space-between;align-items:center;display:flex}.track-best{font-family:var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.track-medals{gap:6px;display:flex}.track-share{border:1px solid var(--panel-border);width:26px;height:26px;color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;font-size:15px;transition:border-color .15s,background .15s,transform .11s;display:inline-flex}.track-share:hover{border-color:var(--accent);background:#29e6ff14;transform:translateY(-1px)}.track-share.busy{opacity:.4;pointer-events:none}.menu-toast{color:#eaf6ff;font-family:var(--font-display);letter-spacing:.14em;opacity:0;pointer-events:none;z-index:60;background:#0c101eeb;border:1px solid #78c8ff59;border-radius:999px;padding:10px 22px;font-size:13px;font-weight:700;transition:opacity .18s,transform .18s;position:fixed;bottom:9vh;left:50%;transform:translate(-50%)translateY(14px)}.menu-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.hud-ghost-tag{font-family:var(--font-display);letter-spacing:.18em;color:#ffd23f;border:1px solid #ffd23f80;border-radius:999px;margin-top:4px;padding:2px 10px;font-size:11px;font-weight:900}.hud-ghost-tag.hidden{display:none}.friend-panel{text-align:center;align-items:center;width:min(420px,92vw)}.friend-track{font-family:var(--font-display);letter-spacing:.12em;color:var(--accent,#29e6ff);font-size:15px;font-weight:700}.friend-time{font-family:var(--font-display);color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(34px,7vw,48px);font-weight:900}.friend-pb{letter-spacing:.1em;color:var(--muted);font-size:13px}.mini-medal{background:0 0;border:2px solid #ffffff2e;border-radius:50%;width:14px;height:14px}.mini-medal.earned.mm-author{background:var(--author);border-color:var(--author);box-shadow:0 0 10px var(--author)}.mini-medal.earned.mm-gold{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px var(--gold)}.mini-medal.earned.mm-silver{background:var(--silver);border-color:var(--silver)}.mini-medal.earned.mm-bronze{background:var(--bronze);border-color:var(--bronze)}.settings-list{flex-direction:column;gap:8px;width:min(560px,92vw);display:flex}.setting-row{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.setting-label{letter-spacing:.12em;color:var(--muted);font-size:13px;font-weight:700}.setting-select{color:var(--ink);border:1px solid var(--panel-border);background:#1e2846e6;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:15px;font-weight:600}.setting-range-wrap{align-items:center;gap:12px;display:flex}.setting-range{width:160px;accent-color:var(--accent)}.setting-range-val{text-align:right;min-width:48px;font-size:14px;font-weight:700}.controls-help{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;width:min(760px,92vw);margin-top:6px;display:grid}.controls-col{background:var(--panel);border:1px solid var(--panel-border);color:var(--muted);border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.7}.controls-col h4{font-family:var(--font-display);letter-spacing:.14em;color:var(--accent);margin-bottom:6px;font-size:12px}.overlay-screen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080a1499}.panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;flex-direction:column;align-items:stretch;gap:12px;width:min(400px,92vw);padding:28px;display:flex}.panel .menu-btn{width:100%}.finish-panel{text-align:center;align-items:center}.finish-panel .menu-btn{width:100%}.finish-time{font-family:var(--font-display);color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(38px,8vw,56px);font-weight:900}.finish-medal{font-family:var(--font-display);letter-spacing:.2em;border-radius:999px;padding:8px 22px;font-size:22px;font-weight:900;animation:.5s cubic-bezier(.34,1.56,.64,1) medalPop}.finish-medal.none{color:var(--muted);border:1px dashed #ffffff40}.finish-medal.banner-author{color:var(--author);background:#29e6ff29;box-shadow:0 0 40px #29e6ff66}.finish-medal.banner-gold{color:var(--gold);background:#ffcf3f29;box-shadow:0 0 40px #ffcf3f66}.finish-medal.banner-silver{color:var(--silver);background:#d7dee824;box-shadow:0 0 40px #d7dee84d}.finish-medal.banner-bronze{color:var(--bronze);background:#e08d4f29;box-shadow:0 0 40px #e08d4f59}@keyframes medalPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.finish-best{letter-spacing:.08em;color:var(--muted);font-size:14px;font-weight:600}.finish-deltas,.finish-history{border-top:1px solid var(--panel-border);width:100%;margin-top:4px;padding-top:10px}.fh-title{font-family:var(--font-display);letter-spacing:.18em;color:var(--accent);margin-bottom:6px;font-size:11px}.delta-row{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;padding:2px 4px;font-size:14px;font-weight:600;display:flex}.delta-row .delta-split{color:var(--ink);font-family:var(--font-display);font-size:13px}.touch-controls{z-index:25;pointer-events:none;position:absolute;inset:0}.tc-btn{pointer-events:auto;color:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-display);letter-spacing:.1em;-webkit-touch-callout:none;touch-action:none;background:#10162880;border:2px solid #ffffff38;border-radius:18px;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.tc-btn.pressed{border-color:var(--accent);background:#29e6ff4d}.tc-steer{pointer-events:none}.tc-left,.tc-right{bottom:calc(110px + var(--safe-bottom));width:88px;height:88px;font-size:30px}.tc-left{left:calc(18px + var(--safe-left));border-radius:22px}.tc-right{left:calc(118px + var(--safe-left));border-radius:22px}.tc-gas,.tc-brake{bottom:calc(110px + var(--safe-bottom));width:92px;height:96px;font-size:15px}.tc-gas{right:calc(18px + var(--safe-right));border-color:#7dff6e66}.tc-brake{right:calc(122px + var(--safe-right));border-color:#ff4d6d66}.tc-gas span,.tc-brake span{writing-mode:horizontal-tb}.tc-small{border-radius:14px;width:52px;height:52px;font-size:22px}.tc-respawn{right:calc(20px + var(--safe-right));top:calc(64px + var(--safe-top))}.tc-look{right:calc(84px + var(--safe-right));top:calc(64px + var(--safe-top))}.tc-pause{right:calc(16px + var(--safe-right));top:calc(10px + var(--safe-top));width:44px;height:44px;font-size:16px}@media (max-height:460px){.tc-left,.tc-right,.tc-gas,.tc-brake{bottom:calc(70px + var(--safe-bottom));width:76px;height:74px}.tc-brake{right:calc(104px + var(--safe-right))}.tc-right{left:calc(102px + var(--safe-left))}}@media (min-width:900px) and (pointer:fine){.touch-controls{display:none}}.garage-wrap{flex-direction:column;align-items:center;gap:12px;width:min(560px,94vw);display:flex}.garage-canvas{aspect-ratio:3/2;border:1px solid var(--panel-border);background:radial-gradient(at 50% 40%,#1c2440,#0b0e1a);border-radius:14px;width:min(380px,88vw);height:auto}.paint-grid{grid-template-columns:repeat(5,44px);grid-auto-rows:44px;gap:8px;display:grid}.paint-swatch{border:2px solid #ffffff26;border-radius:12px;width:44px;height:44px;transition:transform .1s,border-color .15s,box-shadow .15s}.paint-swatch:hover{transform:scale(1.08)}.paint-swatch.selected{border-color:#fff;transform:scale(1.06);box-shadow:0 0 16px #ffffff73}.body-grid{gap:10px;width:100%;display:flex}.body-card{text-align:left;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;flex-direction:column;flex:1;gap:10px;padding:12px 14px;transition:transform .11s,border-color .15s,box-shadow .15s;display:flex}.body-card:hover{border-color:var(--accent);transform:translateY(-2px)}.body-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 6px 26px #29e6ff2e}.body-card.locked{opacity:.55;filter:saturate(.4);cursor:not-allowed}.body-card.locked:hover{border-color:var(--panel-border);box-shadow:none;transform:none}.body-card-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.body-name{font-family:var(--font-display);letter-spacing:.1em;font-size:15px;font-weight:700}.body-card.selected .body-name{color:var(--accent)}.body-lock{font-family:var(--font-display);letter-spacing:.1em;color:var(--muted);white-space:nowrap;font-size:10px;font-weight:700}.body-stats{flex-direction:column;gap:6px;display:flex}.stat-row{align-items:center;gap:8px;display:flex}.stat-label{width:44px;font-family:var(--font-display);letter-spacing:.12em;color:var(--muted);flex:none;font-size:9px;font-weight:700}.stat-track{background:#ffffff14;border-radius:3px;flex:1;height:5px;overflow:hidden}.stat-fill{background:linear-gradient(90deg, #29e6ff8c, var(--accent));border-radius:3px;height:100%;display:block}.body-card.locked .stat-fill{background:#f2f5ff40}#speedlines{pointer-events:none;z-index:5;opacity:0;mix-blend-mode:screen;background:repeating-conic-gradient(#ffffff24 0deg .35deg,#0000 .35deg 3deg);position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 34%,#000 78%);mask-image:radial-gradient(circle,#0000 34%,#000 78%)}#vignette{pointer-events:none;z-index:4;opacity:.25;background:radial-gradient(#0000 52%,#04060ed9 100%);position:absolute;inset:0}.title-credits{letter-spacing:.14em;color:#f2f5ff66;text-transform:uppercase;font-size:11px}.tracks-header-right{align-items:center;gap:14px;display:flex}.star-total{font-family:var(--font-display);color:var(--gold);letter-spacing:.06em;font-size:16px;font-weight:700}.track-card.locked{opacity:.55;filter:saturate(.4);cursor:not-allowed}.track-card.locked:hover{border-color:var(--panel-border);box-shadow:none;transform:none}.track-stars{justify-content:flex-end;gap:2px;font-size:11px;display:flex}.pstar{opacity:.22;filter:grayscale()}.pstar.on{opacity:1;filter:none}.hud.practice .hud-timer-wrap,.hud.practice .hud-best{visibility:hidden}.touch-controls.touch-lefty .tc-left{left:auto;right:calc(122px + var(--safe-right))}.touch-controls.touch-lefty .tc-right{left:auto;right:calc(18px + var(--safe-right))}.touch-controls.touch-lefty .tc-gas{right:auto;left:calc(18px + var(--safe-left))}.touch-controls.touch-lefty .tc-brake{right:auto;left:calc(122px + var(--safe-left))}.achv-list{flex-direction:column;gap:8px;width:min(560px,92vw);display:flex}.achv-row{background:var(--panel);border:1px solid var(--panel-border);opacity:.5;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.achv-row.done{opacity:1;border-color:#ffcf3f66}.achv-name{font-family:var(--font-display);font-size:15px;font-weight:700}.achv-row.done .achv-name{color:var(--gold)}.achv-desc{color:var(--muted);font-size:13px}.achv-check{font-family:var(--font-display);color:var(--gold);text-align:center;width:32px;font-size:20px}.photo-ui{pointer-events:none;position:absolute;inset:0}.photo-ui .photo-bar{bottom:calc(24px + var(--safe-bottom));pointer-events:auto;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.photo-ui .menu-btn{pointer-events:auto}.photo-hint{top:calc(20px + var(--safe-top));font-family:var(--font-display);letter-spacing:.12em;color:var(--muted);font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.screen{transition:opacity .25s,transform .25s}.screen:not(.hidden){animation:.25s screenIn}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.track-card{animation:.3s backwards cardIn}.track-card:nth-child(2){animation-delay:60ms}.track-card:nth-child(3){animation-delay:.12s}.track-card:nth-child(4){animation-delay:.18s}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.mode-chip{font-family:var(--font-display);letter-spacing:.1em;border:1px solid var(--panel-border);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700}.mode-chip.on{color:#1a0d02;background:linear-gradient(135deg,#ff7a3d,#ffb52e);border-color:#0000;box-shadow:0 0 18px #ffb52e66}.mode-chip.rivals.on{color:#02121a;background:linear-gradient(135deg,#7d5cff,#29e6ff);box-shadow:0 0 18px #29e6ff66}.hud-driftmode{top:calc(150px + var(--safe-top));text-align:center;text-shadow:0 2px 12px #000000b3;position:absolute;left:50%;transform:translate(-50%)}.dm-title{font-family:var(--font-display);letter-spacing:.22em;color:var(--accent-2);font-size:13px;font-weight:700}.dm-score{font-family:var(--font-display);color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(30px,5vw,44px);font-weight:900}.dm-best{letter-spacing:.14em;color:var(--muted);font-size:12px}.finish-drift{font-family:var(--font-display);letter-spacing:.1em;color:var(--muted);font-size:15px}.finish-drift b{color:var(--accent-2);font-size:19px}.achv-meta{align-items:center;gap:12px;display:flex}.achv-progress{font-family:var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.cut-flash{opacity:.75;pointer-events:none;z-index:15;background:#fff;animation:.26s ease-out forwards cutFlash;position:absolute;inset:0}@keyframes cutFlash{to{opacity:0}}.podium-overlay{cursor:pointer;z-index:22;animation:.4s screenIn;position:absolute;inset:0}.podium-strip{top:calc(9% + var(--safe-top));border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e1aa8;border-radius:12px;flex-direction:column;gap:5px;width:min(300px,84vw);padding:14px 18px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.podium-strip .fh-title{text-align:center;margin-bottom:2px}.podium-row{font-family:var(--font-display);letter-spacing:.06em;text-shadow:0 1px 6px #0009;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;font-size:14px;font-weight:700;display:flex}.podium-row.podium-1{border-color:#ffcf3f80}.podium-row.podium-2{border-color:#d7dee866}.podium-row.podium-3{border-color:#e08d4f80}.podium-row.you{box-shadow:inset 2px 0 0 var(--player-accent,var(--accent));background:#29e6ff14}.podium-row.you .fp-name{color:var(--player-accent,var(--accent))}.podium-row .fp-name{flex:1}.podium-hint{bottom:calc(26px + var(--safe-bottom));font-family:var(--font-display);letter-spacing:.22em;color:var(--muted);text-shadow:0 2px 8px #000000b3;font-size:12px;font-weight:700;animation:2.4s ease-in-out infinite podiumHintPulse;position:absolute;left:50%;transform:translate(-50%)}@keyframes podiumHintPulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.podium-overlay{animation:none}.podium-hint{opacity:.8;animation:none}}.hud-pos-wrap{margin-top:4px;display:none;position:relative}.hud.rivals .hud-pos-wrap{display:block}.hud-pos{font-family:var(--font-display);text-shadow:0 2px 14px #000000a6;font-variant-numeric:tabular-nums;font-size:26px;font-weight:900;line-height:1}.hud-pos-num{color:#fff}.hud-pos-total{color:var(--muted);font-size:15px;font-weight:700}.hud-pos-flash{font-family:var(--font-display);letter-spacing:.08em;white-space:nowrap;opacity:0;pointer-events:none;text-shadow:0 2px 10px #000000b3;font-size:15px;font-weight:900;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.hud-pos-flash.up{color:#7dff6e}.hud-pos-flash.down{color:#ff6e7d}.hud-pos-flash.show{animation:1s ease-out forwards posFlash}@keyframes posFlash{0%{opacity:0;transform:translate(-50%)translateY(6px)}15%{opacity:1;transform:translate(-50%)translateY(0)}70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.hud-pos-flash.show{opacity:0;animation:none}}.hud-standings{top:calc(42px + var(--safe-top));left:calc(16px + var(--safe-left));pointer-events:none;flex-direction:column;gap:3px;width:172px;display:none;position:absolute}.hud.rivals .hud-standings{display:flex}.standing-row{font-family:var(--font-display);letter-spacing:.08em;color:var(--muted);text-shadow:0 1px 6px #0009;background:#0a0e1a8c;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:3px 8px;font-size:12px;font-weight:700;display:flex}.standing-row.you{border-color:var(--player-accent,var(--accent));box-shadow:inset 2px 0 0 var(--player-accent,var(--accent));background:#0a0e1ac7}.standing-row.you .sr-name{color:var(--player-accent,var(--accent))}.sr-pos{opacity:.6;font-variant-numeric:tabular-nums;width:13px}.sr-dot{border:1px solid #ffffff4d;border-radius:2px;flex:none;width:8px;height:8px}.sr-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sr-gap{font-variant-numeric:tabular-nums;opacity:.75;font-size:11px}.minimap-wrap{--map:128px;left:calc(16px + var(--safe-left));bottom:calc(64px + var(--safe-bottom));width:calc(var(--map) + 12px);height:calc(var(--map) + 12px);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0d12228c;border-radius:12px;padding:5px;position:absolute}.minimap-canvas{width:var(--map);height:var(--map);display:block}.touch-active .minimap-wrap{bottom:calc(256px + var(--safe-bottom))}@media (max-width:640px){.minimap-wrap{--map:100px}.hud-standings{width:148px;top:calc(40px + var(--safe-top))}.standing-row{gap:5px;padding:2px 6px;font-size:11px}.sr-gap{font-size:10px}}@media (max-height:460px){.touch-active .minimap-wrap{display:none}}.finish-positions{border-top:1px solid var(--panel-border);text-align:left;flex-direction:column;gap:5px;width:100%;margin-top:4px;padding-top:10px;display:flex}.fp-row{font-family:var(--font-display);letter-spacing:.06em;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-size:14px;font-weight:700;display:flex}.fp-row.podium-1{border-color:#ffcf3f73}.fp-row.podium-2{border-color:#d7dee866}.fp-row.podium-3{border-color:#e08d4f73}.fp-row.you{box-shadow:inset 2px 0 0 var(--player-accent,var(--accent));background:#29e6ff14}.fp-pos{width:28px;color:var(--muted);font-variant-numeric:tabular-nums}.fp-swatch{border:1px solid #ffffff4d;border-radius:3px;flex:none;width:10px;height:10px}.fp-name{flex:1}.fp-row.you .fp-name{color:var(--player-accent,var(--accent))}.fp-gap{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.cup-list{flex-direction:column;gap:14px;width:min(760px,94vw);display:flex}.cup-card{background:var(--panel);border:1px solid var(--panel-border);border-left:3px solid var(--accent,var(--accent-2));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;flex-direction:column;gap:12px;padding:18px;display:flex}.cup-card.locked{opacity:.55;filter:saturate(.4)}.cup-card:not(.locked):hover{border-color:var(--accent,var(--accent-2));box-shadow:0 10px 40px #29e6ff1a}.cup-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cup-name{font-family:var(--font-display);letter-spacing:.06em;color:var(--accent,var(--ink));font-size:19px;font-weight:700}.cup-sub{color:var(--muted);letter-spacing:.06em;margin-top:2px;font-size:13px}.cup-trophy{flex:none;align-items:center;gap:8px;display:flex}.cup-trophy-label{font-family:var(--font-display);letter-spacing:.14em;color:var(--muted);font-size:12px;font-weight:700}.cup-trophy-label.t-gold{color:var(--gold)}.cup-trophy-label.t-silver{color:var(--silver)}.cup-trophy-label.t-bronze{color:var(--bronze)}.cup-medal{background:0 0;border:2px solid #ffffff2e;border-radius:50%;flex:none;width:18px;height:18px}.cup-medal.gold{background:var(--gold);border-color:var(--gold);box-shadow:0 0 12px var(--gold)}.cup-medal.silver{background:var(--silver);border-color:var(--silver)}.cup-medal.bronze{background:var(--bronze);border-color:var(--bronze)}.cup-tracks{flex-wrap:wrap;gap:8px;display:flex}.cup-track-chip{border:1px solid var(--panel-border);font-family:var(--font-display);letter-spacing:.08em;color:var(--muted);background:#0a0e1a80;border-radius:7px;align-items:center;gap:7px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.cup-track-chip.next{border-color:var(--accent,var(--accent-2));color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent,var(--accent-2))}.cup-chip-num{color:var(--accent,var(--accent-2))}.cup-chip-name{color:inherit}.cup-track-chip .mini-medal{border-width:1.5px;width:10px;height:10px}.cup-chip-pos{color:var(--accent,var(--accent-2));font-variant-numeric:tabular-nums}.cup-card-bottom{justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.cup-best{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.cup-lock-reason{font-family:var(--font-display);letter-spacing:.12em;color:var(--muted);text-align:right;font-size:11px;font-weight:700}.cup-enter{flex:none}.career-panel{align-items:stretch;width:min(460px,92vw)}.cup-race-track{font-family:var(--font-display);letter-spacing:.1em;border-top:1px solid var(--panel-border);align-items:center;gap:8px;padding-top:12px;font-size:15px;font-weight:700;display:flex}.cup-race-history{flex-wrap:wrap;gap:6px;display:flex}.cup-race-pill{font-family:var(--font-display);letter-spacing:.1em;color:var(--muted);border:1px solid var(--panel-border);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.cup-race-pill b{color:var(--ink)}.career-standings{margin-top:4px}