:root{--ink: #e9ebee;--ink-dim: rgba(233, 235, 238, .56);--ink-faint: rgba(233, 235, 238, .28);--graphite: #0b0d12;--graphite-2: #14171e;--graphite-3: #1d2129;--lime: #c8ff2e;--lime-ink: #101400;--amber: #f5a524;--red: #e2483c;--line: rgba(233, 235, 238, .12);--line-strong: rgba(233, 235, 238, .22);--metal: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, 0) 40%), repeating-linear-gradient(90deg, rgba(255, 255, 255, .016) 0 1px, rgba(0, 0, 0, 0) 1px 3px), linear-gradient(180deg, #1a1d24, #111318);--glass: rgba(11, 13, 18, .72);--shadow: 0 24px 60px rgba(0, 0, 0, .55);--display: "Big Shoulders Display", "Vazirmatn", system-ui, sans-serif;--body: "IBM Plex Sans", "Vazirmatn", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--safe-top: max(12px, env(safe-area-inset-top));--safe-bottom: max(12px, env(safe-area-inset-bottom));--safe-left: max(14px, env(safe-area-inset-left));--safe-right: max(14px, env(safe-area-inset-right))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--graphite);color:var(--ink);font-family:var(--body);font-size:14px;overscroll-behavior:none;-webkit-font-smoothing:antialiased}canvas{display:block;touch-action:none}button,select,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}.kicker{margin:0;font-family:var(--display);font-weight:700;letter-spacing:.3em;font-size:12px;color:var(--ink-dim);text-transform:uppercase}.lbl{display:block;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);font-style:normal}.glyph{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.primary,.secondary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;font-family:var(--display);font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:transform .12s ease,background .18s ease,border-color .18s ease,color .18s ease}.primary{padding:13px 26px;font-size:17px;background:var(--lime);color:var(--lime-ink);box-shadow:0 0 0 1px #c8ff2e66,0 10px 30px #c8ff2e24}.primary:hover{transform:translateY(-1px);background:#d6ff5c}.primary.large{padding:16px 34px;font-size:20px}.primary.is-selected{background:var(--graphite-3);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.secondary{padding:12px 22px;font-size:15px;color:var(--ink);background:var(--metal);box-shadow:inset 0 0 0 1px var(--line-strong),inset 0 1px #ffffff0f}.secondary:hover{box-shadow:inset 0 0 0 1px #e9ebee66,inset 0 1px #ffffff14}.secondary.large{padding:15px 28px;font-size:17px}.secondary.danger{color:#ffb1a8}.ghost{padding:8px 14px;font-size:12px;color:var(--ink-dim);box-shadow:inset 0 0 0 1px var(--line);background:#0b0d1280}.ghost:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}.ghost[aria-pressed=true]{color:var(--ink-faint)}.ghost .glyph{width:15px;height:15px}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%}#hub{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden;z-index:30}.hub-veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b0d12eb,#0b0d12db 26%,#0b0d124d,#0b0d120f 62%,#0b0d121f),linear-gradient(180deg,#0b0d129e,#0b0d1200 26% 66%,#0b0d1280)}@media(orientation:portrait)and (max-width:1024px){.hub-veil{background:linear-gradient(180deg,#0b0d128c,#0b0d120f 22%,#0b0d121f 46%,#0b0d12d1 68%,#0b0d12f0)}}#hub[data-panel=board] .hub-veil,#hub[data-panel=settings] .hub-veil{background:linear-gradient(90deg,#0b0d12f0,#0b0d12db 55%,#0b0d124d)}#hub[data-panel=garage] .hub-veil{background:linear-gradient(90deg,#0b0d12e6,#0b0d12cc 24%,#0b0d121f 36%,#0b0d1214 64%,#0b0d129e 74%,#0b0d12d1),linear-gradient(180deg,#0b0d128c,#0b0d1200 22% 78%,#0b0d1273)}.site-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px clamp(16px,4vw,44px);border-bottom:1px solid var(--line)}.brand{margin:0;font-family:var(--display);font-weight:700;letter-spacing:.26em;font-size:13px;color:var(--ink-dim);text-transform:uppercase}.bar-actions{display:flex;gap:6px}.panel{position:relative;z-index:2;overflow:auto;padding:clamp(14px,3vw,40px) clamp(16px,4vw,44px) clamp(18px,4vw,44px)}.panel-menu{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.6fr);gap:clamp(18px,4vw,60px);align-content:end}.hub-copy h1{margin:8px 0 10px;font-family:var(--display);font-weight:800;font-size:clamp(46px,8vw,104px);line-height:.86;letter-spacing:.01em;text-wrap:balance}.tagline{margin:0 0 24px;max-width:48ch;font-size:clamp(14px,1.4vw,16px);line-height:1.6;color:var(--ink-dim)}.hub-actions{display:flex;flex-wrap:wrap;gap:10px}.hub-note{margin:14px 0 0;min-height:18px;font-size:12.5px;color:var(--ink-dim)}.hub-stats{align-self:end;display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}.hub-stats .stat{padding:14px 16px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hub-stats strong{display:block;margin-top:4px;font-family:var(--display);font-weight:700;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.hub-stats em{display:block;margin-top:4px;font-style:normal;font-size:11.5px;color:var(--ink-dim);min-height:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.panel-head .tabs{flex:1 1 auto;justify-content:center;min-width:0}.panel-head h2{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(28px,4vw,44px);letter-spacing:.06em;text-transform:uppercase}.panel-garage{display:grid;grid-template-rows:auto 1fr}.garage-kind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}.garage-kind button{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;padding:10px 12px;border-radius:6px;text-align:start;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-dim);font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;transition:box-shadow .15s ease,background .15s ease,color .15s ease}.garage-kind button svg{grid-row:1 / 3;width:40px;height:20px;display:block}.garage-kind button em{grid-column:2;font-family:var(--mono);font-style:normal;font-weight:400;font-size:10px;letter-spacing:.08em;color:var(--ink-dim)}.garage-rail{display:flex;flex-direction:column;gap:10px;min-width:0;align-self:start}.garage-stage{position:relative;align-self:stretch;min-height:160px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;pointer-events:none}.garage-live{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#0b0d128c;box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--ink-dim)}.garage-live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);animation:showcase-pulse 1.6s ease-in-out infinite}.garage-kind button:hover{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink)}.garage-kind button.on{background:var(--graphite-3);box-shadow:inset 0 0 0 1px var(--lime);color:var(--ink)}.garage-kind button.on svg{color:var(--lime)}@keyframes showcase-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.tuning{display:grid;gap:6px;margin:0 0 12px}.tuning .row{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:10px;padding:7px 10px;border-radius:4px;background:var(--graphite-2);box-shadow:inset 0 0 0 1px var(--line)}.tuning .row .lbl{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.tuning .steps{display:flex;gap:4px}.tuning .steps i{display:block;width:22px;height:6px;border-radius:2px;background:#e9ebee24}.tuning .steps i.on{background:var(--lime)}.tuning button{padding:5px 10px;border-radius:3px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;white-space:nowrap;color:var(--ink);background:var(--graphite-3);box-shadow:inset 0 0 0 1px var(--line-strong)}.tuning button:hover{box-shadow:inset 0 0 0 1px var(--lime)}.tuning button.max,.tuning button.locked{color:var(--ink-dim);box-shadow:inset 0 0 0 1px var(--line);cursor:default}.tuning button.short{color:#ffc452}.tuning .blurb{grid-column:1 / -1;margin:2px 0 0;font-size:11.5px;line-height:1.4;color:var(--ink-dim)}.garage-wallet{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 12px;padding:10px 12px;border-radius:4px;background:var(--graphite-2);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-dim)}.garage-wallet strong{flex-basis:100%;font-weight:600;color:var(--ink)}.garage-wallet.short{box-shadow:inset 0 0 0 1px #ffc4528c}.garage-wallet.short strong{color:#ffc452}#select-button.earn{background:#ffc452;color:#151515}.garage-grid{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(300px,380px);gap:clamp(14px,2vw,28px);min-height:0}#car-list{margin:0;padding:0 2px 0 0;list-style:none;display:grid;grid-template-columns:1fr;gap:4px;max-height:min(56vh,520px);overflow:auto;scrollbar-width:thin}.car-card{width:100%;display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:4px;text-align:start;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);transition:box-shadow .15s ease,background .15s ease}.car-card:hover{box-shadow:inset 0 0 0 1px var(--line-strong)}.car-card.on{background:var(--graphite-3);box-shadow:inset 0 0 0 1px var(--lime)}.car-card .swatch{width:14px;height:14px;border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff2e}.car-card .car-name{font-size:13px;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.car-card .car-name b{font-weight:600}.car-card .car-class{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.16em;color:var(--ink-dim)}.car-card.selected .car-class:before{content:"●";margin-inline-end:6px;color:var(--lime);font-size:8px;vertical-align:middle}.garage-detail{align-self:end;padding:18px 20px;border-radius:6px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.garage-detail h3{margin:6px 0 4px;font-family:var(--display);font-weight:800;font-size:clamp(28px,3.6vw,42px);line-height:.95;letter-spacing:.02em;text-transform:uppercase}.garage-character{margin:0 0 14px;font-size:13px;line-height:1.55;color:var(--ink-dim)}.bars{display:grid;gap:6px;margin-bottom:14px}.bars .bar{display:grid;grid-template-columns:110px 1fr 26px;align-items:center;gap:10px}.bars .bar em{font-family:var(--mono);font-style:normal;font-size:10.5px;letter-spacing:.04em;text-align:end;color:transparent}.bars .bar em.up{color:var(--lime)}.bars .bar em.down{color:#e8734a}.bars .pips{display:flex;gap:4px}.bars .pips i{flex:1;height:5px;border-radius:1px;background:#e9ebee1f}.bars .pips i.on{background:var(--ink)}.bars .pips i.on.up{background:var(--lime)}.bars .pips i.down{background:#e8734a73}.swatch-row{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.swatch-row .garage-progress{flex:1 0 100%;margin:8px 0 0}.swatch-row em{font-style:normal;font-size:11.5px;color:var(--ink-dim);text-transform:capitalize}#paint-swatches{display:flex;gap:6px;flex-wrap:wrap;min-width:0}.paint{width:26px;height:26px;border-radius:50%;background:var(--paint);box-shadow:inset 0 0 0 1px #fff3,inset 0 -6px 10px #00000059;transition:transform .12s ease,box-shadow .12s ease}.paint.metallic{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),transparent 42%),var(--paint)}.paint.pearl{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 45%),var(--paint)}.paint.satin{box-shadow:inset 0 0 0 1px #ffffff1f}.paint.candy{background:radial-gradient(circle at 38% 24%,rgba(255,255,255,.5),transparent 34%),radial-gradient(circle at 60% 90%,rgba(0,0,0,.45),transparent 60%),var(--paint)}.paint.on{transform:scale(1.12);box-shadow:0 0 0 2px var(--graphite),0 0 0 3.5px var(--lime)}#wheel-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#wheel-choice button{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 10px;border-radius:3px;font-size:12px;color:var(--ink-dim);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap}#wheel-choice button.on{color:var(--ink);box-shadow:inset 0 0 0 1px var(--lime)}#wheel-choice button.locked{color:var(--ink-faint)}#wheel-choice button.locked:after{content:attr(data-km);font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;color:var(--ink-faint);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:1px 6px}#select-button{margin-top:6px;width:100%}.panel-board{max-width:820px}.tabs{display:flex;gap:2px;padding:2px;border-radius:4px;background:var(--graphite-2);box-shadow:inset 0 0 0 1px var(--line)}.tabs button{padding:7px 14px;border-radius:3px;font-size:12.5px;font-weight:600;color:var(--ink-dim);white-space:nowrap}@media(max-width:560px){.tabs button{padding:7px 9px;font-size:11.5px}}.tabs button.on{color:var(--lime-ink);background:var(--lime)}#board-list,#board-me ol{margin:0;padding:0;list-style:none;display:grid;gap:4px}#board-list li,#board-me li{position:relative;display:grid;grid-template-columns:34px 30px 1fr auto auto;align-items:center;gap:10px;padding:8px 12px;border-radius:4px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;isolation:isolate}#board-list li:before,#board-me li:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--share, 0%);border-radius:4px;background:linear-gradient(90deg,#c8ff2e24,#c8ff2e08);z-index:-1;pointer-events:none}#board-list li.empty:before,#board-list li.live-head:before,#board-list li.live-row:before{display:none}#board-list li.medal .rank,#board-me li.medal .rank{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#12140f;font-weight:800;box-shadow:inset 0 0 0 1px #00000059}#board-list li.m1 .rank,#board-me li.m1 .rank{background:linear-gradient(160deg,#ffe07a,#d9a327)}#board-list li.m2 .rank,#board-me li.m2 .rank{background:linear-gradient(160deg,#eef1f5,#a8b0bb)}#board-list li.m3 .rank,#board-me li.m3 .rank{background:linear-gradient(160deg,#e9b184,#a86b36)}#board-list li.me,#board-me li{box-shadow:inset 0 0 0 1px #c8ff2e8c}#board-me{margin-top:10px;position:sticky;bottom:0}#board-list .rank{font-family:var(--mono);font-size:12px;color:var(--ink-dim);font-variant-numeric:tabular-nums}#board-list .avatar,#board-me .avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--graphite-3) center / cover no-repeat;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--display);font-weight:800;font-size:12px;line-height:1;color:var(--ink-dim);overflow:hidden}#board-list .who,#board-me .who{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}#board-list .who i,#board-me .who i{margin-inline-start:8px;font-style:normal;font-size:10px;letter-spacing:.18em;color:var(--lime)}#board-list .runs,#board-me .runs{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}#board-list .score,#board-me .score{font-family:var(--display);font-weight:700;font-size:19px;font-variant-numeric:tabular-nums}#board-list .empty{grid-template-columns:1fr;text-align:center;padding:24px;color:var(--ink-dim)}#board-list .live-head{grid-template-columns:auto 1fr;gap:12px}#board-list .live-head span{font-family:var(--display);font-weight:800;font-size:30px;line-height:1}#board-list .live-head em{font-style:normal;color:var(--ink-dim);letter-spacing:.16em;text-transform:uppercase;font-size:11px}#board-list .live-row{grid-template-columns:1fr auto}#board-list .live-row i{font-style:normal;font-size:10px;letter-spacing:.18em;color:var(--lime)}.settings-groups{display:grid;gap:18px;max-width:760px;min-width:0}.settings-group,.settings-group .settings-grid{min-width:0}.settings-group h3{margin:0 0 8px;font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.settings-group h3:after{content:"";display:block;margin-top:6px;height:1px;background:var(--line)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;max-width:760px}.setting{display:grid;gap:8px;padding:14px 16px;border-radius:4px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line)}.setting.toggle{grid-template-columns:auto 1fr;align-items:center;font-weight:500}.setting.controls{grid-column:1 / -1}.setting.controls p{margin:0;font-size:12.5px;line-height:1.6;color:var(--ink-dim)}select{padding:8px 10px;border-radius:3px;border:1px solid var(--line-strong);background:var(--graphite-2);color:var(--ink)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:3px;border-radius:2px;background:#e9ebee2e;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--lime);border:2px solid var(--graphite)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--lime);border:2px solid var(--graphite)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--lime)}#loading{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(80% 60% at 50% 45%,#15181f,var(--graphite) 80%);z-index:40}.load-copy{width:min(520px,86vw);text-align:center}.load-copy h2{margin:10px 0 20px;font-family:var(--display);font-size:clamp(30px,6vw,52px);font-weight:800;letter-spacing:.02em}.load-bar{height:3px;border-radius:2px;background:#e9ebee1f;overflow:hidden}.load-bar i{display:block;height:100%;width:0;background:var(--lime);transition:width .24s ease}.load-row{display:flex;justify-content:space-between;gap:14px;margin-top:12px;font-size:12px;color:var(--ink-dim)}.load-pct{margin:0;font-family:var(--mono)}.load-tip{margin:0;text-align:end;max-width:68%}#hud{position:absolute;inset:0;pointer-events:none;z-index:10;font-variant-numeric:tabular-nums}#hud>*{pointer-events:none}.hud-tools,.hud-tools button{pointer-events:auto}.hud-centre{position:absolute;top:var(--safe-top);left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:2px}#hud-distance{display:flex;align-items:baseline;gap:6px;font-family:var(--display);font-weight:700;font-size:clamp(34px,5vw,54px);line-height:1;text-shadow:0 2px 14px rgba(0,0,0,.6)}#hud-distance i{font-style:normal;font-size:.42em;font-weight:600;letter-spacing:.1em;color:var(--ink-dim)}#hud-pb{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-dim);min-height:14px}#hud-coins{display:inline-flex;align-items:baseline;gap:5px;margin-top:4px;padding:2px 10px;border-radius:999px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:#0b1200;background:linear-gradient(120deg,#efffb8,var(--lime) 55%,#9fe800);box-shadow:0 0 14px #c8ff2e59;opacity:.35;transition:opacity .25s ease,transform .18s ease}#hud-coins b{font-size:15px;font-weight:800}#hud-coins i{font-style:normal;font-size:10px;opacity:.75}#hud-coins.on{opacity:1}#hud-coins.pop{animation:hud-coin-pop .28s ease-out}@keyframes hud-coin-pop{0%{transform:scale(1)}35%{transform:scale(1.22)}to{transform:scale(1)}}.car-card .car-price{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--lime);white-space:nowrap}.car-card.locked .car-name{opacity:.75}.hub-stats .stat strong.points,#hud-pb.beaten{color:var(--lime)}#hud-condition{display:flex;gap:4px;min-height:16px}#hud-condition span{padding:2px 7px;border-radius:2px;font-size:9.5px;font-weight:600;letter-spacing:.18em;color:var(--ink-dim);box-shadow:inset 0 0 0 1px var(--line);background:#0b0d1273}#hud-standings{position:absolute;top:var(--safe-top);left:var(--safe-left);display:grid;gap:2px;min-width:170px;max-width:240px}#hud-standings .row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:4px 8px;border-radius:2px;background:#0b0d1280;border-inline-start:2px solid transparent;font-size:12px}#hud-standings .row.me{border-inline-start-color:var(--ink)}#hud-standings .row.human{border-inline-start-color:var(--lime)}#hud-standings .row.rival{border-inline-start-color:var(--amber)}#hud-standings .who{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500}#hud-standings i{font-style:normal;font-size:8.5px;letter-spacing:.16em;color:var(--lime)}#hud-standings i.rival{color:var(--amber)}#hud-standings .gap{font-family:var(--mono);font-size:11px;color:var(--ink-dim)}#hud-rank{position:absolute;top:var(--safe-top);right:var(--safe-right);text-align:end}#hud-rank b{display:block;font-family:var(--display);font-weight:700;font-size:30px;line-height:1}#hud-rank i{display:block;margin-top:3px;font-style:normal;font-size:9.5px;letter-spacing:.2em;color:var(--lime)}#hud-rank.offline i{color:var(--ink-faint)}#hud-hazard{position:absolute;top:calc(var(--safe-top) + 92px);left:50%;transform:translate(-50%);padding:5px 14px;border-radius:2px;font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.24em;background:#0b0d12b3}#hud-hazard.amber{color:var(--amber);box-shadow:inset 0 0 0 1px #f5a52499}#hud-hazard.red{color:var(--red);box-shadow:inset 0 0 0 1px #e2483cb3;animation:hazard-blink .8s steps(2,end) infinite}@keyframes hazard-blink{50%{opacity:.45}}#spectate{position:absolute;left:var(--safe-left);bottom:calc(var(--safe-bottom) + 14px);z-index:11;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:4px;background:#0b0d12b8;box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none;font-family:var(--body)}#spectate .live{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:2px;background:var(--red);color:#fff;font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.2em}#spectate .live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:showcase-pulse 1.2s ease-in-out infinite}#spectate .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--ink-dim)}#spectate b{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}#spectate .dist{font-family:var(--display);font-weight:700;font-size:18px;color:var(--lime);font-variant-numeric:tabular-nums}#spectate em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ink-dim)}#hud-draft{position:absolute;top:calc(var(--safe-top) + 128px);left:50%;transform:translate(-50%) translateY(-4px);padding:3px 10px;border-radius:2px;font-family:var(--display);font-weight:800;font-size:12px;letter-spacing:.26em;color:var(--lime-ink);background:var(--lime);opacity:0;transition:opacity .25s ease,transform .25s ease}#hud-draft.on{opacity:1;transform:translate(-50%) translateY(0);animation:draft-breathe .9s ease-in-out infinite}@keyframes draft-breathe{50%{box-shadow:0 0 18px #c8ff2e8c}}#lens{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:9;mix-blend-mode:screen}#hud-toast{position:absolute;bottom:calc(var(--safe-bottom) + 58%);left:50%;transform:translate(-50%,6px);padding:6px 14px;border-radius:2px;font-size:12.5px;font-weight:500;letter-spacing:.06em;background:#0b0d129e;box-shadow:inset 0 0 0 1px var(--line);opacity:0;transition:opacity .22s ease,transform .26s ease;max-width:min(480px,80vw);text-align:center}#hud-toast.on{opacity:1;transform:translate(-50%)}#hud-map{position:absolute;left:var(--safe-left);bottom:var(--safe-bottom);width:150px;height:150px;border-radius:4px;background:#0b0d126b;box-shadow:inset 0 0 0 1px var(--line)}.hud-cluster{position:absolute;right:var(--safe-right);bottom:var(--safe-bottom);display:flex;align-items:flex-end;gap:10px}#hud-rpm{width:124px;height:124px}.hud-readout{display:grid;gap:4px;justify-items:end;padding-bottom:6px}#hud-speed{display:flex;align-items:baseline;gap:5px;font-family:var(--display);font-weight:700;font-size:46px;line-height:1;text-shadow:0 2px 14px rgba(0,0,0,.6)}#hud-speed i{font-style:normal;font-size:11px;letter-spacing:.12em;color:var(--ink-dim)}#hud-gear{display:flex;align-items:baseline;gap:6px}#hud-gear i{font-style:normal;font-size:9px;letter-spacing:.2em;color:var(--ink-dim)}#hud-gear b{font-family:var(--display);font-weight:700;font-size:22px;line-height:1}#hud-boost{width:110px;height:4px;border-radius:2px;background:#e9ebee24;overflow:hidden}#hud-boost i{display:block;height:100%;width:0;background:var(--ink-dim);transition:width .12s linear,background .2s ease}#hud-boost.ready i{background:var(--lime)}#hud-boost.active i{background:var(--lime);box-shadow:0 0 10px #c8ff2ecc}#hud-labels{position:absolute;inset:0}.hud-tools{position:absolute;top:calc(var(--safe-top) + 46px);right:var(--safe-right);display:flex;gap:6px}.hud-icon{display:grid;place-items:center;width:38px;height:34px;border-radius:3px;color:var(--ink-dim);background:#0b0d128c;box-shadow:inset 0 0 0 1px var(--line)}.hud-icon:hover{color:var(--ink)}#touch-steer{position:absolute;left:0;top:22%;bottom:0;width:50%;z-index:8;touch-action:none;display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(var(--safe-bottom) + 160px)}#touch-steer span{font-size:9px;letter-spacing:.3em;color:var(--ink-faint)}#touch-pedals{position:absolute;right:var(--safe-right);bottom:calc(var(--safe-bottom) + 132px);z-index:9;display:grid;gap:8px;justify-items:end}#touch-pedals button:not(.hud-icon){width:92px;height:56px;border-radius:4px;font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.16em;color:var(--ink);background:#0b0d1294;box-shadow:inset 0 0 0 1px var(--line-strong);touch-action:none;user-select:none;-webkit-user-select:none}#touch-pedals #pedal-gas{height:88px}#touch-pedals #pedal-boost{color:var(--lime);box-shadow:inset 0 0 0 1px #c8ff2e80}#touch-pedals button.down{background:linear-gradient(to top,#e9ebee3d calc(var(--force, 1) * 100%),#0b0d1294 calc(var(--force, 1) * 100%))}#touch-pedals #pedal-boost.down{background:var(--lime);color:var(--lime-ink)}#touch-pedals #pedal-brake.down{background:linear-gradient(to top,#e2483c85 calc(var(--force, 1) * 100%),#0b0d1294 calc(var(--force, 1) * 100%))}#touch-pedals .hud-icon.on,.hud-tools .hud-icon.on{color:var(--lime);box-shadow:inset 0 0 0 1px #c8ff2e8c}#countdown{position:absolute;inset:0;display:grid;place-items:center;z-index:12;pointer-events:none}#countdown b{font-family:var(--display);font-weight:800;font-size:clamp(90px,18vw,200px);line-height:1;letter-spacing:.04em;text-shadow:0 10px 60px rgba(0,0,0,.8)}#countdown b.pop{animation:count-pop .55s cubic-bezier(.16,1.4,.4,1)}@keyframes count-pop{0%{opacity:0;transform:scale(1.3)}}#pause,#results{position:absolute;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background:#0b0d127a}#results{background:#0b0d12b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.card{width:min(480px,94vw);max-height:92vh;overflow:auto;padding:clamp(20px,3vw,30px);border-radius:6px;background:var(--metal);box-shadow:inset 0 0 0 1px var(--line-strong),var(--shadow);text-align:center}.card-line{margin:10px 0 20px;font-size:13.5px;color:var(--ink-dim)}.card-note{margin:-12px 0 18px;font:600 11.5px/1.5 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.04em;color:var(--ink-faint, rgba(230, 236, 245, .45))}.card-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.card-foot{display:flex;gap:6px;justify-content:center;margin-top:14px}.results-card{width:min(560px,94vw)}.results-reason{margin:6px 0 0;font-size:13px;color:var(--ink-dim)}.results-distance{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:10px 0 0;font-family:var(--display);font-weight:800;font-size:clamp(56px,11vw,96px);line-height:.95;font-variant-numeric:tabular-nums}.results-distance i{font-style:normal;font-size:.32em;letter-spacing:.14em;color:var(--ink-dim)}.results-pb{margin:8px 0 18px;font-size:13px;color:var(--ink-dim)}.results-pb.better{color:var(--lime)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;margin-bottom:14px}.results-grid .stat{padding:10px;border-radius:4px;background:#0b0d1280;box-shadow:inset 0 0 0 1px var(--line)}.results-grid strong{display:block;margin-top:4px;font-family:var(--display);font-weight:700;font-size:22px;font-variant-numeric:tabular-nums}.results-state{min-height:18px;margin:0 0 16px;font-size:12.5px;color:var(--ink-dim)}.results-state.ok{color:var(--lime)}.results-state.warn{color:var(--amber)}@media(max-width:900px){.panel-menu{grid-template-columns:1fr;align-content:end}.hub-stats{grid-template-columns:repeat(3,1fr)}.panel-garage{display:block}.garage-grid{grid-template-columns:minmax(0,1fr)}.garage-rail,.garage-detail,.garage-kind,.garage-kind button,#car-list,.car-card{min-width:0}.car-card .name,.car-card .marque,.garage-kind button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.garage-stage{order:-1;min-height:30vh}#car-list{max-height:none;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}#hub[data-panel=garage] .hub-veil{background:linear-gradient(180deg,#0b0d1299,#0b0d121a 14% 40%,#0b0d12db 52%,#0b0d12f0)}}@media(max-width:720px),(max-height:460px){.hub-copy h1{font-size:clamp(34px,9vw,56px)}.site-bar{padding:10px 14px}.hub-stats strong{font-size:20px}#hud-distance{font-size:30px}#hud-speed{font-size:34px}#hud-rpm{width:92px;height:92px}#hud-map{width:110px;height:110px}#hud-standings{min-width:130px;max-width:170px;font-size:11px}#hud-standings .row{padding:3px 6px}#hud-rank b{font-size:22px}.hud-tools{top:calc(var(--safe-top) + 36px)}#touch-pedals button:not(.hud-icon){width:78px;height:48px;font-size:13px}#touch-pedals #pedal-gas{height:72px}.bars .bar{grid-template-columns:90px 1fr 24px}}@media(max-height:460px){.panel{padding-top:8px}.tagline{display:none}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}#hud-health{width:100%;height:6px;margin-top:5px;border-radius:3px;background:#e9ebee24;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059}#hud-health i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#7ee08a,var(--lime, #c8ff2e));transition:width .2s ease,background .3s ease}#hud-health.warn i{background:linear-gradient(90deg,#f0b429,#ffd76a)}#hud-health.crit i{background:linear-gradient(90deg,#e2483c,#ff8a7a);animation:damage-pulse .55s ease-in-out infinite}#hud-mafia{position:absolute;top:160px;left:50%;transform:translate(-50%,-6px);display:none;align-items:center;gap:7px;padding:3px 9px 4px;border-radius:999px;background:#0a040680;box-shadow:inset 0 0 0 1px #e2483c6b;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:6}#hud-mafia.on{display:flex;opacity:1;transform:translate(-50%)}#hud-mafia .tag{font:800 11px/1 Big Shoulders Display,Impact,sans-serif;white-space:nowrap;letter-spacing:.18em;color:#ff6a5c;text-shadow:0 0 12px rgba(226,72,60,.5)}#hud-mafia.warn .tag{animation:damage-pulse .5s ease-in-out infinite}#hud-mafia-left{font:700 10.5px/1 IBM Plex Mono,ui-monospace,monospace;color:#f4f6fa;letter-spacing:.04em;min-width:46px;white-space:nowrap;text-align:right}#hud-mafia-bar{width:64px;height:2px;border-radius:1px;background:#ffffff29;overflow:hidden}#hud-mafia-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e2483c,#ffb46a);transition:width .2s linear}@media(max-height:460px){#hud-mafia{top:84px;padding:2px 7px 3px}#hud-mafia-bar{width:48px}}@media(min-aspect-ratio:5 / 4){.mirror-open .hud-centre{left:22%}.mirror-open #hud-draft{top:16vh}.mirror-open #hud-mafia,.mirror-open #hud-wanted{top:21vh}.mirror-open #hud-wanted.under{top:25vh}}#hud-wanted{position:absolute;top:160px;left:50%;transform:translate(-50%,-6px);display:none;align-items:center;gap:7px;padding:3px 9px 4px;border-radius:999px;background:#04081280;box-shadow:inset 0 0 0 1px #4a90ff6b;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:6}#hud-mafia.on~.hud-tools #hud-wanted,#hud-wanted.under{top:186px}#hud-wanted.on{display:flex;opacity:1;transform:translate(-50%)}#hud-wanted .tag{font:800 11px/1 Big Shoulders Display,Impact,sans-serif;white-space:nowrap;letter-spacing:.18em;color:#7fb2ff;text-shadow:0 0 12px rgba(74,144,255,.5)}#hud-wanted.level3 .tag{animation:damage-pulse .5s ease-in-out infinite}#hud-wanted-stars{font:700 10.5px/1 IBM Plex Mono,ui-monospace,monospace;color:#4a90ff;letter-spacing:.18em;min-width:36px;white-space:nowrap;text-align:right}#hud-wanted-stars .off{color:#e9ebee33}#hud-wanted-bar{width:64px;height:2px;border-radius:1px;background:#ffffff29;overflow:hidden}#hud-wanted-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4a90ff,#e2483c);transition:width .15s linear}@media(max-height:460px){#hud-wanted{top:84px;padding:2px 7px 3px}#hud-wanted.under{top:108px}#hud-wanted-bar{width:48px}}#hud-damage{width:100%;height:4px;margin-top:4px;border-radius:2px;background:#e9ebee1f;opacity:.35;overflow:hidden;transition:opacity .3s ease}#hud-damage.on{opacity:1}#hud-damage i{display:block;height:100%;width:0;background:var(--ink-dim);transition:width .25s ease,background .3s ease}#hud-damage.warn i{background:var(--amber)}#hud-damage.crit i{background:#e2483c;animation:damage-pulse .7s ease-in-out infinite}@keyframes damage-pulse{50%{opacity:.45}}#celebrate{position:fixed;inset:0;z-index:120;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .4s ease}#celebrate.on{opacity:1}#celebrate .confetti{position:absolute;inset:0;width:100%;height:100%}#celebrate .flash{position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 45%,#f6d77a8c,#0b0d128c 70%);opacity:0}#celebrate.on .flash{animation:celebrate-flash 4.6s ease-out forwards}#celebrate.pb .flash{background:radial-gradient(60% 60% at 50% 45%,#c8ff2e66,#0b0d1280 70%)}@keyframes celebrate-flash{0%{opacity:0}6%{opacity:1}to{opacity:.75}}#celebrate .copy{position:relative;text-align:center;padding:0 16px;transform:scale(.6);opacity:0}#celebrate.on .copy{animation:celebrate-slam .55s cubic-bezier(.2,1.6,.3,1) forwards}@keyframes celebrate-slam{to{transform:scale(1);opacity:1}}#celebrate .kicker{margin:0 0 8px;font-size:11px;letter-spacing:.4em;color:var(--lime)}#celebrate .headline{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(38px,9vw,96px);line-height:.95;letter-spacing:.06em;color:#f6d77a;text-shadow:0 0 40px rgba(246,215,122,.6),0 4px 30px rgba(0,0,0,.6)}#celebrate.pb .headline{color:var(--lime);text-shadow:0 0 40px rgba(200,255,46,.5),0 4px 30px rgba(0,0,0,.6)}#celebrate .distance{margin:10px 0 0;font-family:var(--display);font-weight:700;font-size:clamp(44px,10vw,110px);line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 4px 30px rgba(0,0,0,.7)}#celebrate .distance i{margin-inline-start:8px;font-style:normal;font-size:.4em;color:var(--ink-dim)}#celebrate .sub{margin:12px 0 0;font-size:clamp(13px,2vw,17px);color:var(--ink-dim)}.results-share{margin:14px 0 12px;padding:12px 12px 10px;border-radius:6px;background:#c8ff2e0f;box-shadow:inset 0 0 0 1px #c8ff2e38}.results-share.record{background:#f6d77a14;box-shadow:inset 0 0 0 1px #f6d77a73,0 0 40px #f6d77a1f}.share-title{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--lime)}.results-share.record .share-title{color:#f6d77a}.share-feed{width:100%;min-height:46px;border-radius:4px;font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime-ink);background:var(--lime);cursor:pointer}.results-share.record .share-feed{color:#1a1208;background:linear-gradient(90deg,#d4a93a,#f6d77a)}.share-feed:disabled{opacity:.6;cursor:default}.share-row{display:flex;gap:6px;margin-top:8px}.share-chip{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 8px;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--ink);text-decoration:none;background:#e9ebee0f;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.share-chip:hover{background:#e9ebee1f}.share-chip .glyph{width:16px;height:16px}.share-state{min-height:1em;margin:8px 0 0;font-size:12px;color:var(--ink-dim)}.share-state a{color:var(--lime)}.share-state.warn{color:var(--amber)}.results-card{display:flex;flex-direction:column}.results-card>*{flex:none}.results-card .card-actions{position:sticky;bottom:calc(-1*clamp(20px,3vw,30px));margin:10px calc(-1*clamp(20px,3vw,30px)) calc(-1*clamp(20px,3vw,30px));padding:10px clamp(20px,3vw,30px) clamp(20px,3vw,30px);background:var(--metal);box-shadow:0 -10px 18px #0b0d128c}@media(max-height:760px){.results-distance{margin-top:4px;font-size:40px}.results-grid{gap:5px;margin-top:8px}.results-grid .stat{padding:6px}.results-share{margin:10px 0 8px}}body.pedals-left #touch-pedals{right:auto;left:var(--safe-left);justify-items:start}body.pedals-left #touch-steer{left:auto;right:0}body.pedals-left #hud-map{left:auto;right:var(--safe-right)}body.pedals-left .hud-cluster{right:auto;left:calc(var(--safe-left) + 108px);flex-direction:row-reverse}@media(max-height:460px){#hud-standings{display:none}.hud-centre{gap:0}#hud-distance{font-size:26px}#hud-pb,#hud-condition{font-size:9px}#hud-coins{font-size:11px}#hud-rank b{font-size:18px}#hud-rank i{font-size:8px}.hud-tools{top:calc(var(--safe-top) + 34px)}.hud-icon{width:34px;height:30px}#hud-map{width:76px;height:76px}#hud-rpm{width:72px;height:72px}.hud-cluster{right:auto;left:calc(var(--safe-left) + 84px);gap:6px}body.pedals-left .hud-cluster{left:auto;right:calc(var(--safe-right) + 84px)}.hud-readout{min-width:0}#hud-speed{font-size:24px}#hud-gear b{font-size:16px}#hud-hazard{top:calc(var(--safe-top) + 64px);font-size:10px}#hud-toast{font-size:11px;bottom:calc(var(--safe-bottom) + 44%)}#touch-pedals{bottom:var(--safe-bottom);gap:5px}#touch-pedals button:not(.hud-icon){width:84px;height:44px;font-size:12px}#touch-pedals #pedal-gas{height:64px}#touch-pedals .hud-icon{width:34px;height:28px}#touch-steer{top:30%;width:46%;padding-bottom:calc(var(--safe-bottom) + 90px)}#countdown b{font-size:80px}.card{max-height:calc(100vh - 12px);padding:12px 14px 10px}.results-card .kicker{font-size:10px}.results-distance{margin-top:4px;font-size:34px}.results-reason,.results-pb{margin-top:2px;font-size:11px}.results-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px}.results-grid .stat{padding:5px 6px}.results-grid strong{font-size:13px}.results-state{margin:6px 0 0;font-size:11px}.results-share{margin:8px 0;padding:8px 8px 6px}.share-title{margin-bottom:6px;font-size:10px}.share-feed{min-height:38px;font-size:12px}.share-chip{min-height:32px;font-size:11px}.card-actions{position:sticky;bottom:-10px;margin:6px -14px -10px;padding:8px 14px 10px;background:var(--metal);box-shadow:0 -8px 16px #0b0d1280}.results-card .results-share{order:1}.results-card .results-grid,.results-card .results-state{order:2}.results-card .card-actions{order:3}.card-actions button{min-height:40px}.card-foot{margin-top:6px}.panel{padding:6px 10px}.site-bar{padding:4px 10px}.hub-copy .kicker{display:none}.hub-copy h1{font-size:24px;margin:0}.hub-actions{margin-top:6px;gap:6px}.hub-actions button{min-height:40px;font-size:13px}.hub-note{margin:4px 0 0;font-size:11px}.hub-stats{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}.hub-stats .stat{padding:4px 6px}.hub-stats strong{font-size:14px}.hub-stats em{font-size:8px}.panel-garage{overflow-y:auto;height:100%}.panel-garage .panel-head{margin-bottom:4px}.panel-garage .panel-head h2{font-size:16px}.garage-kind button{padding:4px 10px}.garage-stage{min-height:60px}#car-list{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.car-card{min-width:132px;scroll-snap-align:start}.garage-detail h3{font-size:18px}.garage-character{display:none}.bars .bar{grid-template-columns:76px 1fr 22px;font-size:10px}#board-list li{padding:4px 8px;font-size:12px}.settings-groups{gap:12px}.settings-grid{grid-template-columns:repeat(2,1fr);gap:6px}.setting{padding:6px 8px;font-size:12px}.setting.controls{grid-column:1 / -1}}.paint.locked{position:relative;opacity:.55;filter:saturate(.5)}.paint.locked:after{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:#0b0d1273;color:#fff;font-size:11px;content:"🔒"}.paint.locked i{position:absolute;inset-inline:-6px;bottom:-15px;font-style:normal;font-size:8.5px;letter-spacing:.04em;text-align:center;color:var(--ink-dim)}#wheel-choice button.locked{opacity:.55}#wheel-choice button.locked:after{content:" 🔒"}.garage-progress{margin:14px 0 0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--lime)}#hud-prompt{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 150px);z-index:11;display:flex;align-items:center;gap:10px;max-width:min(520px,90vw);padding:10px 12px 10px 14px;border-radius:6px;background:#0b0d12db;box-shadow:inset 0 0 0 1px #c8ff2e66,0 12px 30px #00000080;color:var(--ink);font-size:12.5px;transform:translate(-50%,10px);opacity:0;transition:opacity .25s ease,transform .3s ease;pointer-events:auto}#hud-prompt.on{opacity:1;transform:translate(-50%)}#hud-prompt button{flex:none;min-height:34px;padding:0 14px;border-radius:4px;font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--lime-ink);background:var(--lime);cursor:pointer}@media(max-height:460px){#hud-prompt{bottom:calc(var(--safe-bottom) + 96px);font-size:11px}}@media(orientation:portrait)and (max-width:1024px){#hud-standings{display:none}#hud-distance{font-size:26px}#hud-rank{top:var(--safe-top);right:auto;left:var(--safe-left);align-items:flex-start;text-align:start;max-width:40vw}#hud-rank b{font-size:15px}.hud-tools{top:var(--safe-top)}#hud-hazard{top:calc(var(--safe-top) + 96px);font-size:13px}#hud-draft{top:calc(var(--safe-top) + 88px);font-size:11px}#hud-mafia,#hud-wanted{top:calc(var(--safe-top) + 200px);padding:3px 9px 4px;gap:7px;max-width:calc(100vw - 28px)}#hud-wanted.under{top:calc(var(--safe-top) + 226px)}#hud-mafia-bar,#hud-wanted-bar{width:64px}#hud-mafia .tag,#hud-wanted .tag{font-size:11px;letter-spacing:.18em}#hud-toast{bottom:calc(var(--safe-bottom) + 190px);left:var(--safe-left);right:calc(96px + var(--safe-right));max-width:none;transform:translateY(6px);font-size:12px}#hud-toast.on{transform:translateY(0)}#hud-prompt{bottom:calc(var(--safe-bottom) + 232px)}#hud-map{width:86px;height:86px}#hud-rpm{width:78px;height:78px}#hud-speed{font-size:28px}.hud-cluster{gap:8px}#hud-boost,#hud-damage,#hud-health{max-width:96px}#touch-pedals{bottom:calc(var(--safe-bottom) + 112px)}#touch-steer span{bottom:calc(var(--safe-bottom) + 124px)}}@media(orientation:portrait)and (max-width:1024px)and (max-height:720px){#hud-hazard{top:calc(var(--safe-top) + 88px)}#hud-draft{top:calc(var(--safe-top) + 76px)}#hud-mafia,#hud-wanted{top:calc(var(--safe-top) + 186px)}#hud-wanted.under{top:calc(var(--safe-top) + 212px)}#hud-toast{bottom:calc(var(--safe-bottom) + 148px)}#hud-prompt{bottom:calc(var(--safe-bottom) + 188px)}#hud-map{width:74px;height:74px}#hud-rpm{width:68px;height:68px}#touch-pedals{bottom:calc(var(--safe-bottom) + 96px)}}#hint{position:fixed;left:0;right:0;top:calc(var(--safe-top) + 54px);z-index:130;display:grid;place-items:center;padding:0 16px;pointer-events:none}.hint-card{display:flex;align-items:center;gap:13px;max-width:min(420px,calc(100vw - 32px));padding:10px 16px 11px 12px;border-radius:14px;background:#090c12db;box-shadow:inset 0 0 0 1px #c8ff2e47,0 18px 44px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transform:translateY(-14px) scale(.96);transition:opacity .34s cubic-bezier(.2,.8,.2,1),transform .34s cubic-bezier(.2,.8,.2,1)}#hint.on .hint-card{opacity:1;transform:translateY(0) scale(1)}.hint-text{display:flex;flex-direction:column;gap:2px;min-width:0}.hint-text b{font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:.06em;line-height:1.15;color:var(--ink, #e9ebee)}.hint-text span{font-size:12.5px;line-height:1.45;color:#e9ebeea8}#hint[dir=rtl] .hint-text b{font-family:"Vazirmatn",var(--display);letter-spacing:0}.hint-art{position:relative;flex:none;width:40px;height:40px}.hint-art svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-linecap:round;stroke-linejoin:round}.hint-phone{stroke:var(--ink, #e9ebee);stroke-width:3;transform-origin:50% 50%}.hint-phone circle{fill:var(--ink, #e9ebee);stroke:none}.hint-arrow{stroke:var(--lime);stroke-width:3.2;opacity:0;transition:opacity .3s ease}#hint.rotate.on .hint-phone{animation:hint-turn 2.1s cubic-bezier(.5,0,.2,1) .25s 1 both}#hint.rotate.on .hint-arrow{opacity:.95}@keyframes hint-turn{0%,16%{transform:rotate(0)}48%,to{transform:rotate(-90deg)}}#hint.tilt.on .hint-phone{animation:hint-rock 1.5s ease-in-out .15s 2 both}#hint.tilt .hint-arrow{opacity:0}@keyframes hint-rock{0%,to{transform:rotate(0)}28%{transform:rotate(19deg)}72%{transform:rotate(-19deg)}}@media(prefers-reduced-motion:reduce){#hint .hint-phone{animation:none!important}#hint.rotate .hint-phone{transform:rotate(-90deg)}}#stereo{position:absolute;left:var(--safe-left);top:calc(var(--safe-top) + 52px);z-index:45;width:min(300px,calc(100vw - var(--safe-left) - var(--safe-right)));border-radius:4px;background:var(--glass);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);color:var(--ink);font-family:var(--body);touch-action:none;user-select:none;-webkit-user-select:none;transition:opacity .2s ease}#stereo[data-drag="1"]{box-shadow:inset 0 0 0 1px var(--line-strong),0 30px 70px #000000b3;cursor:grabbing}#stereo .st-head{display:flex;align-items:center;gap:2px;height:42px;padding:0 4px 0 10px;cursor:grab}#stereo[data-drag="1"] .st-head{cursor:grabbing}#stereo .st-face{display:flex;align-items:center;gap:9px;flex:1;min-width:0;height:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}#stereo .st-note{width:15px;height:15px;flex:none;fill:currentColor;opacity:.5;transition:opacity .2s ease,color .2s ease}#stereo[data-state=playing] .st-note{color:var(--lime);opacity:1}#stereo[data-state=failed] .st-note{color:var(--amber);opacity:.8}#stereo .st-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;letter-spacing:.02em;color:var(--ink-dim)}#stereo[data-state=playing] .st-title{color:var(--ink)}#stereo .st-grip{width:12px;height:14px;flex:none;opacity:.32;background-image:repeating-linear-gradient(180deg,currentColor 0 1px,transparent 1px 4px)}#stereo .st-chev{width:30px;height:30px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:2px;background:none;color:inherit;cursor:pointer;opacity:.6;transition:opacity .15s ease,background .15s ease}#stereo .st-chev:hover{opacity:1;background:#e9ebee14}#stereo .st-chev .st-glyph{width:16px;height:16px;fill:currentColor;transition:transform .22s ease}#stereo[data-open="1"] .st-chev .st-glyph{transform:rotate(180deg)}#stereo .st-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s ease}#stereo[data-open="1"] .st-panel{grid-template-rows:1fr}#stereo .st-panel .st-inner{overflow:hidden}#stereo .st-bar{position:relative;height:12px;margin:0 10px;cursor:pointer}#stereo .st-bar:before{content:"";position:absolute;left:0;right:0;top:5px;height:2px;border-radius:2px;background:#e9ebee29}#stereo .st-bar i{position:absolute;left:0;top:5px;height:2px;width:0;border-radius:2px;background:var(--lime)}#stereo .st-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 10px 8px}#stereo .st-row button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:999px;background:#e9ebee12;color:inherit;cursor:pointer;transition:background .15s ease}#stereo .st-row button:hover{background:#e9ebee29}#stereo .st-row button.st-big{width:38px;height:38px}#stereo .st-row .st-glyph{width:15px;height:15px;fill:currentColor}#stereo[data-state=playing] #stereo-toggle .is-play,#stereo:not([data-state=playing]) #stereo-toggle .is-pause{display:none}#stereo .st-mix{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:6px;padding:0 10px}#stereo .st-mix:last-child{padding-bottom:10px}#stereo .st-mix button{display:grid;place-items:center;width:30px;height:26px;padding:0;border:0;border-radius:2px;background:none;color:inherit;cursor:pointer;opacity:.68;transition:opacity .15s ease,background .15s ease}#stereo .st-mix button:hover{opacity:1;background:#e9ebee1a}#stereo .st-mix .st-glyph{width:16px;height:16px;fill:currentColor}#stereo .st-mix[data-off="1"] button,#stereo .st-mix[data-off="1"] input{opacity:.26}#stereo .st-mix .st-on,#stereo .st-mix[data-off="1"] .st-off{display:block}#stereo .st-mix .st-off,#stereo .st-mix[data-off="1"] .st-on{display:none}#stereo input[type=range]{width:100%;height:20px;appearance:none;-webkit-appearance:none;background:none;cursor:pointer}#stereo input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:#e9ebee38}#stereo input[type=range]::-moz-range-track{height:2px;border-radius:2px;background:#e9ebee38}#stereo input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:999px;background:var(--ink)}#stereo input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:999px;background:var(--ink)}#stereo[hidden]{display:none!important}@media(max-width:520px){#stereo{width:min(268px,calc(100vw - 24px))}#stereo .st-head{height:38px}#stereo .st-title{font-size:12px}}