: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-note.error{color:var(--amber)}.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-vehicles{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 13px}.board-vehicles[hidden]{display:none}.board-vehicles button{padding:7px 12px;min-height:36px;border:1px solid var(--line);border-radius:999px;background:var(--graphite-2);color:var(--ink-dim);font-size:12px;font-weight:700}.board-vehicles button.on{border-color:var(--lime);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)}.board-status{display:flex;align-items:center;gap:8px;min-height:34px;margin:0 0 4px;font-size:11px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.board-status-dot{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#77828d}.board-status[data-state=ready] .board-status-dot{background:var(--lime);box-shadow:0 0 8px #c8ff2e3d}.board-status[data-state=loading] .board-status-dot{animation:board-status-breathe 1.3s ease-in-out infinite}.board-status[data-state=stale] .board-status-dot,.board-status[data-state=error] .board-status-dot{background:#e2b97c}.board-status[data-state=stale],.board-status[data-state=error]{color:#e2c99f}#board-status-label{min-width:0;flex:1}#board-status-time{flex:0 0 auto;font-size:10px;color:var(--ink-dim);white-space:nowrap}.board-caption{margin:0 0 12px;max-width:66ch;color:var(--ink-dim);font-size:10.5px;line-height:1.5}#board-list .board-driver,#board-me .board-driver{min-height:60px;grid-template-columns:32px 30px minmax(0,1fr) 35px minmax(105px,auto);contain:layout style}#board-list .board-driver:before,#board-me .board-driver:before{transition:width .48s cubic-bezier(.2,.8,.2,1)}#board-list .board-driver .who,#board-me .board-driver .who{display:grid;gap:4px;min-width:0;overflow:hidden}.board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.board-badges{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:10px}#board-list .board-badges i,#board-me .board-badges i{margin:0;font-size:8px;letter-spacing:.08em;line-height:1.25}#board-list .board-badges .board-live,#board-me .board-badges .board-live{display:inline-flex;align-items:center;gap:4px;color:#ddffa0}.board-live:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--lime)}#board-list .board-badges .board-provisional,#board-me .board-badges .board-provisional{color:#e5c17d}#board-list .board-driver .score,#board-me .board-driver .score{display:grid;justify-items:end;gap:3px;min-width:105px;text-align:end;line-height:1.05}.board-distance{font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap}.board-score-hint{max-width:180px;color:var(--ink-dim);font-family:var(--body);font-size:10px;line-height:1.3;font-weight:500;white-space:nowrap}.board-driver.provisional .board-distance{color:#e9cf96}.board-driver .avatar{position:relative}.board-driver .avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.panel-board[data-board-state=stale] .board-live,.panel-board[data-board-state=error] .board-live{opacity:.5}.panel-board[data-board-state=stale] .board-live:before,.panel-board[data-board-state=error] .board-live:before{background:#77828d;box-shadow:none}@keyframes board-status-breathe{0%,to{opacity:.4}50%{opacity:1}}@media(max-width:560px){.board-status{flex-wrap:wrap;gap:6px;margin-bottom:6px;font-size:10px}#board-status-time{width:100%;padding-inline-start:12px;font-size:9px}#board-list .board-driver,#board-me .board-driver{grid-template-columns:25px 26px minmax(0,1fr) minmax(95px,auto);gap:7px;padding:9px 8px;min-height:64px}#board-list .board-driver .runs,#board-me .board-driver .runs{display:none}#board-list .board-driver .score,#board-me .board-driver .score{min-width:95px;font-size:18px}.board-score-hint{max-width:125px;font-size:9px;white-space:normal}.board-caption{font-size:10px;margin-bottom:10px}}@media(prefers-reduced-motion:reduce){.board-status-dot{animation:none!important}#board-list .board-driver:before,#board-me .board-driver:before{transition:none}}.reduced-motion .board-status-dot{animation:none!important}.reduced-motion #board-list .board-driver:before,.reduced-motion #board-me .board-driver:before{transition:none}.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.tilt-centre-setting{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.tilt-centre-setting p{margin:5px 0 0;color:var(--ink-dim);font-size:12px;line-height:1.4}.tilt-centre-setting p.error{color:#ff9a83}.tilt-centre-setting button{min-height:44px;padding:8px 16px;white-space:nowrap}.tilt-centre-setting button:disabled{opacity:.4;cursor:not-allowed}.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:center;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 img{flex:0 0 18px;filter:drop-shadow(0 1px 2px #07100066)}#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-rank-paused{margin-top:5px;padding:5px 9px;border:1px solid rgba(245,165,36,.72);border-radius:7px;background:#0b0d12d6;color:#ffc372;font:700 10px/1.25 var(--mono);letter-spacing:.04em;text-align:center;max-width:min(90vw,290px)}#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-rank.reconnecting i{color:var(--ink-dim);animation:hud-rank-reconnect 1.6s ease-in-out infinite}@keyframes hud-rank-reconnect{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){#hud-rank.reconnecting i{animation:none}}#hud-hazard{position:absolute;top:calc(var(--safe-top) + 110px);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-feed{position:absolute;z-index:6;top:calc(var(--safe-top) + 112px);right:var(--safe-right);width:min(300px,38vw);display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}#hud[data-rig=cockpit] #hud-feed{top:calc(var(--safe-top) + max(146px,21vh))}.feed-card{--accent: #8fb8ff;display:flex;align-items:center;gap:9px;max-width:100%;padding:7px 12px 7px 10px;border-radius:10px;border-inline-end:3px solid var(--accent);background:linear-gradient(100deg,#0e11189e,#090b10db);box-shadow:inset 0 0 0 1px #ffffff12,0 8px 22px #00000052;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transform:translate(22px) scale(.97);transition:transform .3s cubic-bezier(.2,.9,.25,1.15),opacity .2s ease-out;will-change:transform,opacity}.feed-card.in{opacity:1;transform:none}.feed-card.in~.feed-card.in{opacity:.72}.feed-card.out{opacity:0;transform:translate(16px);transition:transform .17s ease-in,opacity .15s ease-in}.feed-card.bump{animation:feed-bump .28s cubic-bezier(.2,.9,.3,1.35)}.feed-card .glyph{flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.feed-card b{color:#fff;font:700 12.5px/1.15 var(--display);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.feed-card span{overflow:hidden;color:color-mix(in srgb,var(--accent) 55%,#fff);font:600 11px/1.2 var(--body);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis}.feed-card span:empty{display:none}.feed-card.score{--accent: #c8ff2e}.feed-card.warn{--accent: #ffb43a}.feed-card.alert{--accent: #ff5d4f}.feed-card.alert .glyph{animation:feed-blink .9s ease-in-out infinite}@keyframes feed-bump{40%{transform:scale(1.07)}}@keyframes feed-blink{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.feed-card,.feed-card.out{transform:none;transition:opacity .16s linear}.feed-card.bump,.feed-card.alert .glyph{animation:none}}#stall-warning{position:absolute;z-index:13;top:clamp(150px,30%,300px);left:50%;width:min(360px,calc(100vw - 28px));transform:translate(-50%);pointer-events:none;animation:stall-arrive .32s cubic-bezier(.2,.9,.2,1.1) both}.stall-card{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid rgba(245,165,36,.7);border-radius:18px 18px 6px 6px;background:linear-gradient(140deg,#241b19ed,#0a0d14e6);box-shadow:0 0 0 1px #0009,0 20px 45px #00000080,0 0 36px #f5a5242e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stall-ring{position:relative;flex:0 0 74px;width:74px;height:74px}.stall-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.stall-ring circle{fill:none;stroke-width:7}.stall-rail{stroke:#ffffff1f}.stall-arc{stroke:#ffad4a;stroke-linecap:round;stroke-dasharray:270.2;stroke-dashoffset:0;filter:drop-shadow(0 0 6px rgba(255,173,74,.55))}.stall-ring strong{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:800 30px var(--display);font-variant-numeric:tabular-nums}.stall-ring strong.pop{animation:stall-pop .42s cubic-bezier(.2,.9,.3,1.4)}.stall-copy{display:grid;gap:4px;min-width:0}.stall-kicker{display:flex;align-items:center;gap:7px;color:#ffc372;font:700 10px var(--mono);letter-spacing:.2em}.stall-kicker i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:bike-track-pulse 1s ease-in-out infinite}.stall-copy b{font:800 clamp(19px,5vw,24px)/1 var(--display);letter-spacing:.03em}.stall-copy span:last-child{color:#ffffffbd;font:500 11.5px/1.35 var(--body)}.stall-bar{height:4px;margin:0 6px;overflow:hidden;border-radius:0 0 4px 4px;background:#ffffff1f}.stall-bar i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#ffd36e,#ff7349)}#stall-warning.urgent .stall-card{border-color:#ff6654;box-shadow:0 0 0 1px #0009,0 20px 45px #00000080,0 0 46px #e2483c57;animation:stall-heart 1s ease-in-out infinite}#stall-warning.urgent .stall-kicker{color:#ff6654}#stall-warning.urgent .stall-arc{stroke:#ff6654;filter:drop-shadow(0 0 7px rgba(255,102,84,.6))}@keyframes stall-arrive{0%{opacity:0;transform:translate(-50%,-14px) scale(.92)}}@keyframes stall-pop{0%{transform:scale(1.35);opacity:.4}to{transform:none;opacity:1}}@keyframes stall-heart{0%,to{transform:none}12%{transform:scale(1.025)}24%{transform:none}}@media(prefers-reduced-motion:reduce){#stall-warning,#stall-warning.urgent .stall-card,.stall-ring strong.pop{animation:none}}#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 .tilt-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}#tilt-centre-hud{font-size:28px;line-height:1;font-weight:500}#tilt-centre-hud:disabled{opacity:.35}#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,#8b2043,#ef7292);transition:width .2s ease,background .3s ease}#hud-health.repairing{animation:heart-repair-pulse 1.1s ease-out}@keyframes heart-repair-pulse{0%,35%{box-shadow:0 0 14px #ff628caa,inset 0 0 0 1px #fbb7c8}to{box-shadow:inset 0 0 0 1px #0006}}#hud-road-pressure{position:relative;display:flex;align-items:center;gap:4px;min-height:15px;margin-top:4px;color:#ffc674;font-family:var(--mono);font-size:8px;letter-spacing:.03em}#hud-road-pressure[hidden]{display:none}#hud-road-pressure span{font-size:16px;line-height:12px}#hud-road-pressure b{font-weight:600}#hud-road-pressure i{position:absolute;left:0;bottom:-1px;width:var(--pressure, 0%);height:1px;background:currentColor}#hud-road-pressure.urgent{color:#ff916f}#hud-pace{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:6px;width:100%;box-sizing:border-box;min-height:17px;margin-top:4px;padding-bottom:3px;color:#e9ebeedb;font-family:var(--mono);font-size:10px;letter-spacing:.03em;font-variant-numeric:tabular-nums}#hud-pace[hidden]{display:none}#hud-pace b,#hud-pace span{font-weight:600}#hud-pace:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:1px;background:#e9ebee24}#hud-pace i{position:absolute;left:0;bottom:0;width:var(--pace, 100%);height:2px;border-radius:1px;background:currentColor;transition:width .25s linear}#hud-pace.warn{color:#ffc674}#hud-pace.crit{color:#ff6a5c;animation:pace-crit .6s ease-in-out infinite alternate}@keyframes pace-crit{0%{opacity:1}to{opacity:.55}}@media(prefers-reduced-motion:reduce){#hud-pace.crit{animation:none}}#hud-health{position:relative}#hud-health:after{content:"";position:absolute;left:calc(50% - 1px);top:0;width:2px;height:100%;background:#080a0ed9}@media(prefers-reduced-motion:reduce){#hud-health.repairing,#hud-coins.pop,#hud-health.crit i{animation:none}}#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}#hud-mafia-car{width:34px;height:4px;border-radius:2px;background:#ffffff24;overflow:hidden;box-shadow:inset 0 0 0 1px #0006}#hud-mafia-car i{display:block;height:100%;width:100%;background:#ff6a5c;transition:width .18s ease-out}#hud-mafia-car.hurt i{background:#ffc674}@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-feed{top:calc(var(--safe-top) + 92px);width:min(250px,36vw)}.feed-card{padding:5px 10px 5px 8px}.feed-card b{font-size:11px}.feed-card span{font-size:10px}#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.native{font-size:13.5px;line-height:1.5;width:min(460px,90vw);flex-wrap:wrap;justify-content:flex-end}#hud-prompt.native #hud-prompt-text{flex:1 1 220px}#hud-prompt.native button{letter-spacing:0;text-transform:none;font-size:13.5px;font-family:var(--body)}#hud-prompt[dir=rtl]{padding:10px 14px 10px 12px;font-family:"Vazirmatn",var(--body)}#hud-prompt[dir=rtl] button{font-family:"Vazirmatn",var(--body)}#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-feed{top:auto;bottom:calc(var(--safe-bottom) + 190px);left:var(--safe-left);right:auto;width:min(280px,70vw);flex-direction:column-reverse;align-items:flex-start}.feed-card{border-inline-end:0;border-inline-start:3px solid var(--accent)}#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-feed{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}#bike-track-warning{position:absolute;z-index:13;top:clamp(170px,34%,330px);left:50%;width:min(344px,calc(100vw - 28px));transform:translate(-50%);pointer-events:none;animation:bike-track-arrive .26s cubic-bezier(.2,.9,.2,1) both}.bike-track-warning-card{padding:13px 15px 12px;border:1px solid rgba(245,165,36,.75);border-radius:18px;background:linear-gradient(140deg,#241b19f0,#0a0d14e8);box-shadow:0 0 0 1px #0009,0 20px 45px #00000080,0 0 36px #f5a52433;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bike-track-warning-kicker{display:flex;align-items:center;gap:7px;color:#ffc372;font:700 10px var(--mono);letter-spacing:.2em}.bike-track-warning-pulse{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:bike-track-pulse 1s ease-in-out infinite}.bike-track-warning-main{display:flex;align-items:center;gap:13px;margin:8px 0 10px}.bike-track-warning-ring{position:relative;width:76px;height:76px;flex:0 0 76px}.bike-track-warning-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.bike-track-warning-ring circle{fill:none;stroke-width:7}.bike-track-warning-rail{stroke:#ffffff1f}.bike-track-warning-arc{stroke:#ffad4a;stroke-linecap:round;stroke-dasharray:270.2;stroke-dashoffset:0}.bike-track-warning-ring strong{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:800 27px var(--display);font-variant-numeric:tabular-nums}.bike-track-warning-copy{display:grid;gap:3px;min-width:0}.bike-track-warning-copy b{font:800 clamp(19px,5vw,23px)/1 var(--display);letter-spacing:.025em}.bike-track-warning-copy span{color:#ffffffb8;font:500 11px/1.3 var(--body)}.bike-track-warning-bar{height:4px;overflow:hidden;border-radius:4px;background:#ffffff1f}.bike-track-warning-bar i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#ffd36e,#ff7349)}#bike-track-warning.urgent .bike-track-warning-card{border-color:#ff6654;box-shadow:0 0 0 1px #0009,0 20px 45px #00000080,0 0 42px #e2483c4d}#bike-track-warning.urgent .bike-track-warning-kicker,#bike-track-warning.urgent .bike-track-warning-arc{color:#ff6654;stroke:#ff6654}@keyframes bike-track-arrive{0%{opacity:0;transform:translate(-50%,-12px) scale(.94)}}@keyframes bike-track-pulse{50%{opacity:.35;transform:scale(.75)}}@media(max-height:650px){#bike-track-warning{top:24%}}body:has(#hub:not([hidden])[data-panel=board]) #stereo,body:has(#hub:not([hidden])[data-panel=settings]) #stereo{display:none}body:has(#pause:not([hidden])) #stereo,body:has(#results:not([hidden])) #stereo{display:none}@media(max-width:520px){#stereo{width:min(268px,calc(100vw - 24px))}#stereo .st-head{height:38px}#stereo .st-title{font-size:12px}}.motorcycle-garage .garage-detail{border-color:color-mix(in srgb,var(--bike-accent) 36%,transparent);background:linear-gradient(150deg,#181c25f5,#080b11f0);box-shadow:0 16px 50px #0004,inset 0 1px #ffffff0d}.motorcycle-garage .garage-detail h3{font-size:clamp(25px,2.3vw,36px);line-height:1.05;text-wrap:balance}.motorcycle-garage #garage-class{color:var(--bike-accent);font-size:10px;line-height:1.5}.motorcycle-garage .garage-character{margin-bottom:10px;font-size:12px;line-height:1.5}.motorcycle-garage .garage-live{color:var(--bike-accent);border:1px solid #ffffff12;letter-spacing:.07em}.motorcycle-garage .garage-live:before{background:var(--bike-accent)}.motorcycle-garage .bike-edition{position:relative;grid-template-columns:43px minmax(0,1fr) 14px;gap:10px;min-height:72px;padding:13px 12px;overflow:hidden;background:linear-gradient(110deg,color-mix(in srgb,var(--edition-secondary) 65%,#0b0d12),#0b0f17eb);border-inline-start:3px solid var(--edition);box-shadow:inset 0 0 0 1px #ffffff16}.motorcycle-garage .bike-edition.on{box-shadow:inset 0 0 0 1px var(--edition-accent),0 4px 20px #0004;border-inline-start-color:var(--edition-accent);background:linear-gradient(115deg,var(--edition-secondary),#131923f5)}.bike-edition .edition-number{align-self:center;color:var(--edition-accent);font-family:var(--display);font-weight:900;font-style:italic;font-size:28px;line-height:1;font-variant-numeric:tabular-nums;opacity:.9}.edition-title{min-width:0}.edition-title strong{display:block;font-size:13px;line-height:1.25;font-weight:700}.edition-title small{display:block;color:#a9b0be;font-size:8px;letter-spacing:.08em;line-height:1.5;margin-top:5px}.edition-check{color:var(--edition-accent);font-size:12px}.edition-price{grid-column:2 / -1;color:#a9b0be;font-size:9px}.bike-edition:focus-visible{outline:2px solid var(--edition-accent);outline-offset:3px}.bike-ride-guide{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #ffffff16}.bike-spec-line{display:flex;gap:16px;margin:12px 0;color:var(--bike-accent);font-family:var(--mono);font-size:17px}.bike-spec-line small{color:#8992a3;font-family:var(--display);font-size:8px}.bike-ride-guide p{font-size:10px;color:#bfc6d2;margin:8px 0 0;line-height:1.6}.bike-ride-guide kbd{display:inline-block;min-width:20px;padding:0 3px;border:1px solid #ffffff30;border-radius:3px;text-align:center;font-family:var(--mono);color:#f1f3f7}.bike-ride-guide .bike-technique{color:#939cae}.motorcycle-garage .garage-detail .bars,.motorcycle-garage .garage-detail .tuning{margin-bottom:10px}.motorcycle-garage #paint-swatches .paint{min-width:32px;min-height:32px}.motorcycle-garage .swatch-row[hidden],.bike-ride-guide[hidden],#hud-bike-status[hidden]{display:none}#hud-bike-status{display:flex;align-items:center;gap:7px;height:19px;font-family:var(--mono);background:#0b101dcc;padding:2px 5px;border-radius:3px}#hud-bike-status span{font-size:8px;color:#a9b3c5;letter-spacing:.08em}#hud-bike-status b{min-width:40px;text-align:right;font-size:11px;color:#e9edf5;font-variant-numeric:tabular-nums}#hud-bike-status i{font-size:8px;color:#789275;font-style:normal}#hud-bike-status.traction-active i{color:#ffc76b}@media(max-width:1100px)and (min-width:821px){.motorcycle-garage .garage-grid{grid-template-columns:230px minmax(80px,1fr) 300px;gap:12px}.motorcycle-garage .garage-detail{padding:14px}}@media(max-width:820px){.motorcycle-garage #car-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.motorcycle-garage .bike-edition{grid-template-columns:28px minmax(0,1fr);gap:7px;min-height:82px;padding:10px 8px}.motorcycle-garage .edition-number{font-size:21px}.motorcycle-garage .edition-title strong{font-size:12px}.motorcycle-garage .edition-title small{font-size:8px;letter-spacing:.02em}.motorcycle-garage .edition-check{display:none}.motorcycle-garage .garage-detail h3{font-size:28px}.motorcycle-garage .garage-stage{min-height:28vh}.motorcycle-garage .garage-kind button{min-height:52px}.motorcycle-garage #paint-swatches .paint{min-width:36px;min-height:44px}}@media(max-height:600px)and (orientation:landscape){.motorcycle-garage #car-list{display:flex;overflow-x:auto}.motorcycle-garage .bike-edition{width:182px;min-height:65px}.motorcycle-garage .garage-stage{min-height:70px}.motorcycle-garage .garage-character{display:block}.motorcycle-garage .bike-spec-line{margin:6px 0}}@media(prefers-reduced-motion:reduce){.motorcycle-garage .garage-live:before{animation:none}}@media(max-width:520px)and (orientation:portrait){body:has(#hud:not([hidden])) #stereo:not([data-open="1"]){width:min(104px,calc(50vw - var(--safe-left) - 72px))}body:has(#hud:not([hidden])) #stereo:not([data-open="1"]) .st-grip{display:none}body:has(#hud:not([hidden])) #stereo:not([data-open="1"]) .st-face{gap:5px}}body:has(#panel-garage.motorcycle-garage:not([hidden])) #stereo{display:none}#hub[data-panel=garage]:has(.motorcycle-garage) .hub-veil{background:linear-gradient(90deg,#070a10b8 0%,#070a1020 26%,transparent 45%,transparent 70%,#070a1066 100%)}.motorcycle-garage.panel-garage{display:grid;min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr);padding:18px clamp(16px,2.8vw,40px) max(18px,env(safe-area-inset-bottom))}.motorcycle-garage .panel-head{margin-bottom:14px;min-height:42px}.motorcycle-garage .panel-head h2{font-size:26px;letter-spacing:.1em}.motorcycle-garage .garage-grid{min-height:0;grid-template-columns:minmax(210px,245px) minmax(200px,1fr) minmax(245px,285px);gap:clamp(14px,2vw,28px)}.motorcycle-garage .garage-rail{align-self:stretch;min-height:0}.motorcycle-garage .garage-kind{flex:none}.motorcycle-garage .garage-kind button{grid-template-columns:30px 1fr;column-gap:6px;min-height:54px;padding:8px}.motorcycle-garage .garage-kind button svg{width:30px}.motorcycle-garage .garage-kind button span{font-size:10px;letter-spacing:.08em}.motorcycle-garage #car-list{min-height:0;max-height:none;overflow-y:auto;gap:6px;padding:2px 5px 3px 2px}.motorcycle-garage .bike-edition{min-height:66px;padding:10px;gap:8px;grid-template-columns:37px minmax(0,1fr) 12px}.motorcycle-garage .edition-title strong{font-size:12px}.motorcycle-garage .edition-title small{font-size:7.5px;letter-spacing:.05em}.motorcycle-garage .edition-price{font-size:8px}.motorcycle-garage .garage-stage{min-height:0;padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.garage-stage-caption{position:relative;padding:3px 38px 12px 0;flex:none}.studio-kicker{color:#c0ac80;font:9px var(--mono);letter-spacing:.19em}.garage-stage-caption h3{color:#f5f3ed;font:600 clamp(26px,2.7vw,40px)/1.1 var(--display);letter-spacing:.035em;margin:6px 0 0}.studio-edition{position:absolute;top:4px;right:0;color:#858d9a;font:9px var(--mono);letter-spacing:.07em}#garage-stage-viewport{flex:1;min-height:0;width:100%}.garage-view-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;flex:none;pointer-events:auto;padding-top:10px}.garage-view-buttons{display:flex;gap:2px;padding:3px;border:1px solid #ffffff20;border-radius:7px;background:#0a0e15cb;backdrop-filter:blur(12px)}.garage-view-controls button{height:40px;min-width:44px;padding:0 9px;border:0;border-radius:4px;color:#aab1bd;font:11px var(--body);background:transparent;cursor:pointer}.garage-view-controls button.on{color:#f5e5b7;background:#f1d89814;box-shadow:inset 0 0 0 1px #d0b67d55}.garage-view-controls button:hover{color:#fff5de;background:#ffffff0d}.garage-view-controls button:focus-visible{outline:2px solid #d8be86;outline-offset:2px}#garage-rider-toggle{background:#0a0e15cc;border:1px solid #ffffff20;height:46px}#garage-rider-toggle span{color:#d3bd8b;padding-left:3px}.motorcycle-garage .garage-live{align-self:center;font-size:8px;letter-spacing:.12em;border:0;background:none;padding:10px 0 0;box-shadow:none;backdrop-filter:none}.motorcycle-garage .garage-live:before{width:4px;height:4px;animation:none;background:#a8b19e}.motorcycle-garage .garage-detail{display:flex;flex-direction:column;align-self:end;min-height:0;max-height:100%;padding:18px;border-color:#c2ac7a38;border-radius:8px}.motorcycle-garage .garage-detail h3{font-size:26px;margin:5px 0 10px}.motorcycle-garage .garage-character{font-size:11px;line-height:1.6;margin-bottom:4px;color:#abb3c1}.motorcycle-garage .bike-ride-guide{margin:0;padding:0;border:0}.motorcycle-garage .bike-spec-line{justify-content:space-between;gap:8px;margin:14px 0;font-size:17px}.garage-workshop{min-height:0}.garage-workshop summary{display:none}.garage-workshop-content{min-height:0}.motorcycle-garage .garage-workshop{border-top:1px solid #ffffff19;border-bottom:1px solid #ffffff19;margin-top:2px;overflow:auto;scrollbar-width:thin}.motorcycle-garage .garage-workshop summary{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;color:#d0d5df;cursor:pointer;font-size:11px;list-style:none}.motorcycle-garage .garage-workshop summary::-webkit-details-marker{display:none}.motorcycle-garage .garage-workshop summary:focus-visible{outline:2px solid #d8be86;outline-offset:-2px}.workshop-plus{font:17px var(--mono);color:#c7b27f}.garage-workshop[open] .workshop-plus{transform:rotate(45deg)}.motorcycle-garage .garage-workshop-content{padding:10px 0}.motorcycle-garage .garage-detail .bars{margin-bottom:16px}.motorcycle-garage .bars .bar{grid-template-columns:80px 1fr 20px;gap:5px}.motorcycle-garage .bars .lbl{font-size:8px}.motorcycle-garage #paint-swatches .paint{width:40px;height:40px;min-width:40px;min-height:40px}.motorcycle-garage #paint-name{font-size:10px}.bike-control-note{display:none}.motorcycle-garage .bike-control-note{display:block;color:#8d96a8;font-size:10px;line-height:1.9;margin:12px 0 0}.bike-control-note kbd{color:#cbd1dc;font-family:var(--mono)}.garage-decision{flex:none}#garage-decision-note:empty{display:none}.motorcycle-garage .garage-decision{padding-top:13px}.motorcycle-garage #garage-decision-note{display:block;color:#929baa;font-size:9px;letter-spacing:.02em;margin-bottom:8px}.motorcycle-garage #select-button{width:100%;min-height:48px;color:#13130e;background:linear-gradient(110deg,#d5bd86,#f0dfb7);box-shadow:0 6px 22px #0004}.motorcycle-garage #select-button:hover{background:#f7e7c0}.garage-stage-caption[hidden],.garage-view-controls[hidden]{display:none}#hud-bike-status{display:grid;gap:4px;height:auto;min-width:128px;padding:7px 8px;border-inline-start:2px solid var(--bike-hud-accent, #c9b27a);background:#080d17e0}#hud-bike-name{color:var(--bike-hud-accent, #d8c69e);font:600 9px var(--body);text-transform:uppercase;letter-spacing:.045em;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bike-telemetry-line{display:flex;align-items:center;gap:8px}#hud-bike-status .bike-telemetry-line b{flex:1;font-size:12px;min-width:36px}#hud-bike-status #hud-bike-tc{font:8px var(--mono);color:#8b958a}#hud-bike-status.traction-active #hud-bike-tc{color:#ffc76b}.bike-grip-line{display:flex;align-items:center;gap:6px}.bike-grip-track{height:3px;width:40px;background:#fff2;overflow:hidden}#hud-bike-status #hud-bike-grip-fill{display:block;width:100%;height:100%;background:#bfcdaa;transform-origin:left}#hud-bike-status #hud-bike-grip-value{min-width:28px;font:8px var(--mono);color:#c4d2b9}#hud-bike-status.grip-low #hud-bike-grip-fill{background:#e2a954}#hud-bike-status.grip-low #hud-bike-grip-value{color:#ffc76b}@media(orientation:portrait)and (max-width:1024px),(max-width:700px){.motorcycle-garage.panel-garage{padding:10px 14px max(12px,env(safe-area-inset-bottom))}.motorcycle-garage .panel-head{margin:0 0 5px;min-height:30px}.motorcycle-garage .panel-head h2{font-size:17px}.motorcycle-garage .panel-head .ghost{min-height:32px;padding:5px 10px}.motorcycle-garage .garage-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(160px,1fr) auto auto;gap:10px}.motorcycle-garage .garage-stage{order:-1;min-height:0}.garage-stage-caption{padding:0 38px 4px 0}.studio-kicker{font-size:7px}.garage-stage-caption h3{font-size:27px;margin-top:3px}.studio-edition{font-size:8px}.garage-view-controls{padding-top:5px;gap:6px}.garage-view-controls button{min-height:40px;font-size:10px;padding:0 10px}.motorcycle-garage .garage-live{display:none}.motorcycle-garage .garage-rail{gap:7px}.motorcycle-garage .garage-kind{grid-template-columns:1fr 1fr;gap:6px}.motorcycle-garage .garage-kind button{min-height:40px;display:flex;justify-content:center;gap:7px;padding:5px 8px}.motorcycle-garage .garage-kind button svg{width:25px;height:17px}.motorcycle-garage .garage-kind button em{font-size:8px}.motorcycle-garage #car-list{display:flex;overflow-x:auto;overflow-y:hidden;gap:6px;padding:2px 2px 5px;scroll-snap-type:x mandatory}.motorcycle-garage #car-list li{flex:0 0 162px}.motorcycle-garage .bike-edition{width:100%;min-height:62px;height:100%;grid-template-columns:28px minmax(0,1fr);padding:8px;gap:5px;scroll-snap-align:start}.motorcycle-garage .edition-title strong{font-size:10px}.motorcycle-garage .edition-title small{font-size:6.5px;margin-top:3px}.motorcycle-garage .edition-number{font-size:22px}.motorcycle-garage .edition-check{display:none}.motorcycle-garage .edition-price{font-size:7px}.motorcycle-garage .garage-detail{position:relative;width:100%;padding:10px 12px;max-height:none;display:grid;grid-template-columns:1fr 1fr;column-gap:12px;border-radius:6px;overflow:visible}.motorcycle-garage .garage-detail>#garage-class,.motorcycle-garage .garage-detail>#garage-name,.motorcycle-garage .garage-detail>#garage-character{display:none}.motorcycle-garage .bike-ride-guide{grid-column:1 / -1}.motorcycle-garage .bike-spec-line{margin:0 0 8px;justify-content:flex-start;gap:22px;font-size:13px}.motorcycle-garage .bike-spec-line small{font-size:7px}.motorcycle-garage .garage-workshop{position:static;margin:0;border:none;overflow:visible;align-self:end}.motorcycle-garage .garage-workshop summary{min-height:44px;padding:0 10px;border:1px solid #ffffff24;border-radius:4px;font-size:10px}.motorcycle-garage .garage-workshop[open] .garage-workshop-content{position:absolute;left:0;right:0;bottom:calc(100% + 8px);max-height:min(48vh,400px);padding:16px;overflow:auto;background:#0d131ff5;border:1px solid #d1b98066;border-radius:6px;box-shadow:0 -8px 40px #0008;z-index:5}.motorcycle-garage #paint-swatches .paint{width:44px;height:44px}.motorcycle-garage .garage-decision{padding:0;align-self:end}.motorcycle-garage #garage-decision-note{display:none}.motorcycle-garage #select-button{min-height:44px;font-size:12px}#hud-bike-status{min-width:113px;padding:5px 6px;gap:3px}#hud-bike-name{font-size:8px;max-width:110px}#hud-bike-status .bike-telemetry-line b{font-size:10px}.bike-grip-track{width:32px}}@media(orientation:landscape)and (max-height:600px)and (min-width:701px){.motorcycle-garage.panel-garage{padding-top:8px;padding-bottom:10px}.motorcycle-garage .panel-head{min-height:30px;margin-bottom:8px}.motorcycle-garage .panel-head h2{font-size:19px}.motorcycle-garage .garage-grid{grid-template-columns:190px minmax(150px,1fr) 220px;gap:10px}.motorcycle-garage #car-list{display:grid;overflow-y:auto}.motorcycle-garage .bike-edition{width:100%;min-height:54px}.motorcycle-garage .garage-detail{padding:12px}.motorcycle-garage .garage-character{font-size:10px}.motorcycle-garage .garage-detail h3{font-size:21px}.garage-stage-caption h3{font-size:25px}.motorcycle-garage .garage-live{display:none}}@media(min-width:1025px),(orientation:landscape)and (min-width:701px){.motorcycle-garage .garage-stage-caption{position:absolute;z-index:1;inset:3px 0 auto;pointer-events:none;padding-bottom:0}.motorcycle-garage .garage-stage-caption h3{max-width:80%}.motorcycle-garage .garage-live{display:none}}.panel,.card,#car-list,#board-list,.garage-workshop-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.panel::-webkit-scrollbar,.card::-webkit-scrollbar,#car-list::-webkit-scrollbar,#board-list::-webkit-scrollbar,.garage-workshop-content::-webkit-scrollbar{display:none}.card{overflow-x:hidden}.garage-workshop-close{display:none}.primary:focus-visible,.secondary:focus-visible,.ghost:focus-visible,.tabs button:focus-visible,.board-vehicles button:focus-visible,.car-card:focus-visible,.garage-kind button:focus-visible,#touch-pedals button:focus-visible,.hud-icon:focus-visible,.share-chip:focus-visible,select:focus-visible,.setting:focus-within{outline:2px solid var(--lime);outline-offset:2px}.primary:active,.secondary:active,.ghost:active,.tabs button:active,.board-vehicles button:active,.car-card:active{transform:scale(.98)}@media(orientation:portrait)and (max-width:700px){#hub{grid-template-rows:auto minmax(0,1fr)}.site-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:calc(var(--safe-top) + 3px) var(--safe-right) 8px var(--safe-left);background:linear-gradient(180deg,#070a10d6,#070a107a)}.brand{align-self:center;font-size:11px;letter-spacing:.18em}.bar-actions{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px;gap:7px}.bar-actions .ghost{min-width:0;min-height:44px;padding:0 8px;font-size:12px;letter-spacing:.04em}#mute-toggle{gap:0}#mute-toggle span{display:none}#mute-toggle .glyph{width:20px;height:20px}#hub[data-panel=garage] .bar-actions,#hub[data-panel=board] .bar-actions,#hub[data-panel=settings] .bar-actions{display:none}#hub[data-panel=garage] .site-bar,#hub[data-panel=board] .site-bar,#hub[data-panel=settings] .site-bar{padding-bottom:10px}.panel{min-height:0;padding:14px var(--safe-right) calc(var(--safe-bottom) + 6px) var(--safe-left)}.panel-menu{grid-template-columns:minmax(0,1fr);gap:12px;align-content:end}.hub-copy{min-width:0}.hub-copy h1{font-size:clamp(41px,11vw,58px);line-height:.9}.tagline{max-width:32ch;font-size:13px;line-height:1.5;margin-bottom:16px}.hub-actions{display:grid;grid-template-columns:1.15fr .85fr;gap:8px}.hub-actions button{width:100%;min-height:54px;padding:10px 12px;font-size:18px}.hub-note{min-height:0;margin:10px 0 0;line-height:1.45}.hub-note:empty{display:none}.hub-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:8px}.hub-stats .stat{min-width:0;min-height:74px;padding:10px 12px;backdrop-filter:none;-webkit-backdrop-filter:none}.hub-stats strong{font-size:23px;overflow-wrap:anywhere;line-height:1.1}.hub-stats em{min-height:0;font-size:10px;line-height:1.3}.hub-stats .stat:last-child em{display:none}.panel-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px}.panel-head h2{font-size:27px;line-height:1.05}.panel-head>.ghost{min-height:44px;min-width:58px;padding:0 12px}.panel-settings .panel-head,.panel-board .panel-head{position:sticky;top:0;z-index:12;padding:7px 0 10px;background:#090d14f7;box-shadow:0 8px 16px #0008}.panel-board,.panel-settings{width:100%;max-width:none}.panel-board .panel-head .tabs{grid-column:1 / -1;grid-row:2;width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button{min-width:0;min-height:44px;padding:8px 3px;font-size:11px}.board-vehicles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 12px}.board-vehicles button{min-width:0;min-height:44px;padding:8px 5px;font-size:11px;line-height:1.2}#board-list li,#board-me li{grid-template-columns:26px 30px minmax(0,1fr) auto;gap:7px;min-height:54px;padding:8px 9px}#board-list .runs,#board-me .runs{display:none}#board-list .who,#board-me .who{min-width:0;font-size:12px}#board-list .score,#board-me .score{min-width:78px;text-align:end;font-size:18px;white-space:nowrap}#board-me{bottom:0;padding:8px 0 calc(var(--safe-bottom) + 4px);margin:0;background:linear-gradient(180deg,transparent,#0b0d12 26%)}#board-list .live-head,#board-list .live-row{grid-template-columns:auto 1fr}.settings-groups{gap:18px;padding-bottom:var(--safe-bottom)}.settings-group h3{font-size:13px;color:var(--ink-dim)}.settings-grid{grid-template-columns:minmax(0,1fr);gap:1px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--line)}.setting{min-width:0;min-height:58px;padding:12px 14px;gap:9px;border-radius:0;box-shadow:none;background:#0f131bf0;font-size:14px}.setting.toggle{grid-template-columns:26px minmax(0,1fr);gap:12px}.setting .lbl{font-size:11px}.setting.tilt-centre-setting{grid-template-columns:minmax(0,1fr) auto}.tilt-centre-setting button{min-height:48px}.setting.controls p{font-size:12px}.setting select{width:100%;min-height:46px;font-size:16px}.setting input[type=checkbox]{width:24px;height:24px}.setting input[type=range]{height:5px;margin:15px 0}.setting input[type=range]::-webkit-slider-thumb{width:26px;height:26px}.setting input[type=range]::-moz-range-thumb{width:26px;height:26px}.motorcycle-garage.panel-garage{padding:10px var(--safe-right) calc(var(--safe-bottom) + 4px) var(--safe-left)}.motorcycle-garage .panel-head{min-height:44px;margin-bottom:6px}.motorcycle-garage .panel-head h2{font-size:23px}.motorcycle-garage .panel-head .ghost{min-height:44px}.motorcycle-garage .garage-grid{grid-template-rows:minmax(180px,1fr) auto auto;gap:11px}.motorcycle-garage .garage-stage-caption h3{font-size:clamp(28px,8vw,35px)}.studio-kicker,.studio-edition{font-size:9px}.motorcycle-garage .garage-kind button{min-height:46px}.motorcycle-garage #car-list{gap:8px;padding-bottom:7px}.motorcycle-garage #car-list li{flex-basis:182px}.motorcycle-garage .bike-edition{min-height:74px;padding:9px 10px}.motorcycle-garage .edition-title strong{font-size:12px}.motorcycle-garage .edition-title small{font-size:9px;line-height:1.35}.motorcycle-garage .edition-price{font-size:9px}.garage-view-controls button{min-height:44px;min-width:44px}.motorcycle-garage .garage-detail{position:relative;z-index:8;padding:11px 12px}.motorcycle-garage .garage-detail{backdrop-filter:none;-webkit-backdrop-filter:none}.motorcycle-garage .bike-spec-line{gap:20px;font-size:15px}.motorcycle-garage .bike-spec-line small{font-size:9px}.motorcycle-garage #select-button{min-height:50px;font-size:15px}.motorcycle-garage .garage-workshop summary{min-height:50px;font-size:12px}.motorcycle-garage .garage-workshop[open] .garage-workshop-content{position:fixed;inset:auto var(--safe-right) var(--safe-bottom) var(--safe-left);z-index:9;max-height:min(70dvh,610px);overflow-x:hidden;overflow-y:auto;padding:20px 16px calc(var(--safe-bottom) + 20px);border-radius:16px 16px 10px 10px;background:linear-gradient(155deg,#1a212c,#090e17);box-shadow:0 -14px 60px #000b}.garage-workshop-scrim{position:fixed;z-index:7;inset:0;width:100%;height:100%;border:0;background:#02050aad;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.motorcycle-garage .garage-workshop-content,.motorcycle-garage .garage-workshop-content>*{min-width:0;max-width:100%}.motorcycle-garage .garage-workshop-close{display:flex;position:sticky;top:-20px;z-index:1;align-items:center;justify-content:center;min-width:72px;min-height:44px;margin:-10px 0 12px auto;padding:0 14px;border:1px solid #d1b98088;border-radius:7px;background:#202737;color:#f7e7c0;font-weight:700}.motorcycle-garage .bars .bar{grid-template-columns:minmax(0,102px) minmax(0,1fr) 18px;gap:5px}.motorcycle-garage .bars .lbl{font-size:8px;letter-spacing:.08em}.motorcycle-garage .tuning .row{grid-template-columns:minmax(0,86px) minmax(0,1fr);gap:8px;padding:10px}.motorcycle-garage .tuning .steps{min-width:0}.motorcycle-garage .tuning .steps i{flex:1;width:auto;min-width:0}.motorcycle-garage .tuning button{grid-column:1 / -1;min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere;font-size:11px}.motorcycle-garage .tuning .blurb,.motorcycle-garage .garage-wallet{overflow-wrap:anywhere}.motorcycle-garage .garage-workshop-content .lbl{font-size:10px}.motorcycle-garage .garage-workshop-content .paint{min-height:44px}#pause,#results{align-items:end;padding:var(--safe-top) 0 0;background:#04070db8}#pause .card,#results .card{width:100%;max-height:calc(100dvh - var(--safe-top) - 10px);padding:22px var(--safe-right) calc(var(--safe-bottom) + 15px) var(--safe-left);border-radius:18px 18px 0 0;text-align:start}#pause .card:before,#results .card:before{content:"";display:block;width:42px;height:4px;border-radius:99px;margin:-8px auto 17px;background:var(--line-strong)}#pause .card .kicker,#results .card .kicker{color:var(--lime);font-size:13px}.card-line,.results-reason,.results-pb{line-height:1.5}#pause .card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#pause #resume-button{grid-column:1 / -1}#pause .card-actions button,#results .card-actions button{min-height:50px}#pause .card-foot{justify-content:stretch}#pause .card-foot button{min-height:44px;flex:1}#results .results-distance{justify-content:flex-start;font-size:clamp(58px,15vw,86px)}#results .results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#results .results-grid .stat{min-width:0;padding:10px}#results .results-grid .stat:last-child:nth-child(odd){grid-column:1 / -1}#results .results-card .card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;bottom:calc(-1 * (var(--safe-bottom) + 15px));margin-bottom:calc(-1 * (var(--safe-bottom) + 15px));padding-bottom:calc(var(--safe-bottom) + 15px)}#results .results-card .card-actions{margin-inline:calc(-1 * var(--safe-left)) calc(-1 * var(--safe-right));padding-inline:var(--safe-left) var(--safe-right)}#results .results-card .card-actions .primary,#results .results-card .card-actions .secondary{grid-column:1 / -1}#results .results-share{min-width:0;max-width:100%}#results .share-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#results .share-chip{min-width:0;min-height:52px;padding:6px 3px;flex-direction:column;gap:3px;text-align:center;font-size:10px;line-height:1.15;overflow-wrap:anywhere}#results .share-chip .glyph{flex:none;width:17px;height:17px}#results .share-state{overflow-wrap:anywhere}#touch-pedals button:not(.hud-icon){min-width:88px;min-height:54px;border-radius:9px;font-size:14px;font-weight:800;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}#touch-pedals #pedal-gas{min-height:80px;background:linear-gradient(155deg,#c8ff2e40,#0b0d12c2);box-shadow:inset 0 0 0 1px #c8ff2ebf,0 8px 25px #0008}#touch-pedals #pedal-brake{box-shadow:inset 0 0 0 1px #e2483ca6}#touch-pedals #pedal-boost{background:#0b0d12c7}#touch-pedals .hud-icon,.hud-tools .hud-icon{min-width:44px;min-height:44px}#hud-bike-status{min-width:116px}#hud-bike-name{font-size:10px}#hud-bike-status .bike-telemetry-line b{font-size:12px}#hud-bike-status #hud-bike-grip-value{font-size:10px}}@media(orientation:portrait)and (max-width:370px)and (max-height:660px){.panel-menu{gap:8px}.hub-copy h1{font-size:37px}.tagline{display:none}.hub-actions{margin-top:10px}.hub-stats{display:flex;gap:6px;overflow-x:auto;border:0;background:none;scroll-snap-type:x mandatory;scrollbar-width:none}.hub-stats::-webkit-scrollbar{display:none}.hub-stats .stat{flex:0 0 46%;min-height:72px;padding:9px;border:1px solid var(--line);border-radius:6px;scroll-snap-align:start}.hub-stats strong{font-size:19px}.hub-stats .stat em{display:none}}@media(orientation:landscape)and (max-height:500px)and (max-width:700px){.site-bar{padding:4px var(--safe-right) 4px var(--safe-left)}.site-bar .ghost{min-height:40px}.motorcycle-garage.panel-garage{display:block;overflow-y:auto;padding:5px var(--safe-right) calc(var(--safe-bottom) + 8px) var(--safe-left)}.motorcycle-garage .panel-head{min-height:40px;margin-bottom:5px}.motorcycle-garage .panel-head .ghost{min-height:40px}.motorcycle-garage .garage-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto auto;gap:8px}.motorcycle-garage .garage-rail{grid-column:1;grid-row:1}.motorcycle-garage .garage-stage{grid-column:2;grid-row:1 / 3;min-height:220px}.motorcycle-garage .garage-detail{grid-column:1;grid-row:2;padding:8px}.motorcycle-garage .garage-stage-caption h3{font-size:24px}.motorcycle-garage .garage-view-controls{gap:3px}.motorcycle-garage .garage-view-controls button{min-width:40px;min-height:40px;padding:0 5px}.motorcycle-garage .garage-kind button{min-height:44px}.motorcycle-garage .bike-edition{min-width:150px;min-height:64px}.motorcycle-garage #select-button{min-height:44px}#pause .card,#results .card{max-height:calc(100dvh - 8px)}}@media(orientation:landscape)and (max-height:600px)and (min-width:701px){.motorcycle-garage .garage-detail{position:relative;z-index:8;backdrop-filter:none;-webkit-backdrop-filter:none}.motorcycle-garage .garage-workshop{overflow:visible}.motorcycle-garage .garage-workshop[open] .garage-workshop-content{position:fixed;inset:var(--safe-top) max(var(--safe-right),calc((100vw - 660px)/2)) var(--safe-bottom) max(var(--safe-left),calc((100vw - 660px)/2));z-index:9;min-width:0;max-width:none;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));overflow-x:hidden;overflow-y:auto;padding:16px;border:1px solid #d1b98066;border-radius:12px;background:linear-gradient(155deg,#1a212c,#090e17);box-shadow:0 14px 60px #000b}.motorcycle-garage .garage-workshop-content,.motorcycle-garage .garage-workshop-content>*{min-width:0;max-width:100%}.motorcycle-garage .garage-workshop-close{display:flex;position:sticky;top:-16px;z-index:1;align-items:center;justify-content:center;min-width:72px;min-height:42px;margin:-8px 0 8px auto;padding:0 14px;border:1px solid #d1b98088;border-radius:7px;background:#202737;color:#f7e7c0;font-weight:700}.garage-workshop-scrim{position:fixed;z-index:7;inset:0;width:100%;height:100%;background:#02050ab8}}@media(prefers-reduced-motion:reduce){.primary,.secondary,.ghost,.tabs button,.board-vehicles button,.car-card{transition-duration:.01ms}}body:has(#hub:not([hidden])[data-panel=garage]) #stereo,body:has(#loading:not([hidden])) #stereo{display:none}@media(orientation:portrait)and (max-width:700px){body:has(#hub:not([hidden])[data-panel=menu]) #stereo{top:calc(var(--safe-top) + 84px)}}@media(orientation:landscape)and (min-height:461px){body:has(#hud:not([hidden])) #stereo{top:calc(var(--safe-top) + 168px)}}@media(orientation:landscape)and (max-height:460px){body:has(#hud:not([hidden])) #stereo:not([data-open="1"]){width:min(104px,calc(50vw - var(--safe-left) - 72px))}body:has(#hud:not([hidden])) #stereo:not([data-open="1"]) .st-grip{display:none}body:has(#hud:not([hidden])) #stereo:not([data-open="1"]) .st-face{gap:5px}#hud-feed .feed-card:nth-child(n+3){display:none}}@media(orientation:landscape)and (max-height:340px){#hud-feed .feed-card:nth-child(n+2){display:none}}#hud-hazard:not([hidden])~#hud-draft{opacity:0;animation:none}#hud:has(#hud-hazard:not([hidden])) #hud-condition{opacity:0}#hub .panel-menu{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) minmax(0,1.1fr);grid-template-rows:auto minmax(120px,1fr) auto auto auto;grid-template-areas:"copy   .      stats" "stage  stage  stage" "ride   ride   actions" "picker picker picker" "note   note   note";gap:10px clamp(14px,2.4vw,36px);align-content:stretch;overflow:hidden;padding-top:clamp(10px,1.6vw,22px);padding-bottom:clamp(12px,1.8vw,24px)}#hub .panel-menu .hub-copy{grid-area:copy;min-width:0;padding-top:46px}#hub .panel-menu .hub-copy .kicker{margin:0}#hub .panel-menu .hub-copy h1{margin:6px 0;font-size:clamp(26px,3.3vw,46px);line-height:.9;letter-spacing:.02em}#hub .panel-menu .tagline{margin:0;font-size:13px;line-height:1.5;max-width:40ch}#hub-stage{grid-area:stage;min-height:0;pointer-events:none;position:relative}#hub .panel-menu .hub-stats{grid-area:stats;align-self:start;justify-self:end;display:flex;gap:0;background:none;border:0;border-radius:0;overflow:visible}#hub .panel-menu .hub-stats .stat-ride{display:none}#hub .panel-menu .hub-stats .stat{min-width:0;min-height:0;padding:2px 0 2px 18px;margin-left:18px;border-left:1px solid var(--line);background:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-align:right}#hub .panel-menu .hub-stats .stat:nth-child(2){border-left:0;margin-left:0;padding-left:0}#hub .panel-menu .hub-stats strong{margin-top:3px;font-size:22px;white-space:nowrap}#hub .panel-menu .hub-stats em{margin-top:2px;min-height:0;font-size:11px}#hub .panel-menu .hub-stats .stat:last-child em{display:none}.hub-ride{grid-area:ride;min-width:0;align-self:end}.hub-ride-class{margin:0 0 2px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}.hub-ride h2{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(30px,4.6vw,64px);line-height:.92;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance}.hub-figures{display:flex;flex-wrap:wrap;gap:6px 26px;margin:12px 0 0}.hub-figures div{min-width:0}.hub-figures dt{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.hub-figures dd{margin:2px 0 0;font-family:var(--display);font-weight:700;font-size:clamp(18px,1.9vw,26px);line-height:1;font-variant-numeric:tabular-nums}.hub-figures dd small{margin-left:4px;font-family:var(--mono);font-weight:400;font-size:11px;color:var(--ink-dim)}#hub .panel-menu .hub-actions{grid-area:actions;align-self:end;justify-self:end;display:flex;flex-wrap:nowrap;gap:10px;margin:0}#hub .panel-menu .hub-actions button{width:auto;white-space:nowrap}#hub .panel-menu #start-button{min-width:clamp(170px,18vw,260px)}#hub .panel-menu .hub-note{grid-area:note;margin:0;min-height:16px;font-size:12px;text-align:right}.hub-picker{grid-area:picker;display:flex;align-items:stretch;gap:8px;min-width:0}.hub-step{flex:none;width:40px;border-radius:6px;font-size:24px;line-height:1;color:var(--ink-dim);background:#0b0d128c;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.hub-step:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}#hub-strip{flex:1 1 auto;min-width:0;display:flex;gap:8px;margin:0;padding:2px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}#hub-strip::-webkit-scrollbar{display:none}#hub-strip li{flex:none;scroll-snap-align:center}.hub-card{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;width:clamp(150px,15vw,196px);min-height:58px;padding:9px 12px 9px 10px;border-radius:6px;text-align:left;color:var(--ink-dim);background:#0b0d129e;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:box-shadow .15s ease,background .15s ease,color .15s ease,transform .15s ease}.hub-card:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);transform:translateY(-1px)}.hub-card .chip{grid-row:1 / span 2;width:26px;height:26px;border-radius:50%;background:var(--paint, #888);box-shadow:inset 0 0 0 1px #ffffff47,inset 0 -8px 10px #00000059,inset 0 6px 8px #ffffff38}.hub-card b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.02em;color:inherit}.hub-card small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.hub-card.on{color:var(--ink);background:#c8ff2e1a;box-shadow:inset 0 0 0 1.5px var(--lime),0 10px 26px #00000059}.hub-card.on small{color:var(--lime)}.hub-card.locked small{color:var(--amber)}.hub-card.locked .chip{filter:grayscale(.6) brightness(.7)}#hub[data-panel=menu] .hub-veil{background:linear-gradient(180deg,#0b0d12b3,#0b0d121f 20%,#0b0d1200,#0b0d128c 72%,#0b0d12eb)}@media(max-width:860px){#hub .panel-menu{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(110px,1fr) auto auto auto auto;grid-template-areas:"copy" "stats" "stage" "ride" "picker" "actions" "note";gap:8px}#hub .panel-menu .hub-copy h1{font-size:clamp(22px,7vw,34px)}#hub .panel-menu .hub-copy h1 br,#hub .panel-menu .tagline{display:none}#hub .panel-menu .hub-stats{justify-self:start}#hub .panel-menu .hub-stats .stat{text-align:left;padding:0 14px 0 0;margin:0 14px 0 0;border-left:0;border-right:1px solid var(--line)}#hub .panel-menu .hub-stats .stat:last-child{border-right:0}#hub .panel-menu .hub-stats strong{font-size:18px}.hub-ride h2{font-size:clamp(26px,8.4vw,40px)}.hub-figures{margin-top:8px;gap:4px 20px}#hub .panel-menu .hub-actions{justify-self:stretch;display:grid;grid-template-columns:.8fr 1.2fr;gap:8px}#hub .panel-menu .hub-actions button{width:100%;min-height:52px;padding:10px 12px;font-size:17px}#hub .panel-menu .hub-note{text-align:left}.hub-step{display:none}.hub-card{width:148px;min-height:52px}}@media(max-height:520px){#hub .panel-menu{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:minmax(60px,1fr) auto auto;grid-template-areas:"stage stage" "ride actions" "picker picker";gap:6px 14px}#hub .panel-menu .hub-copy,#hub .panel-menu .hub-stats,#hub .panel-menu .hub-note{display:none}.hub-ride h2{font-size:clamp(22px,4.4vw,34px)}.hub-figures{margin-top:4px}.hub-figures dd{font-size:16px}#hub .panel-menu .hub-actions{justify-self:end;display:flex}#hub .panel-menu .hub-actions button{min-height:44px;padding:8px 14px;font-size:15px;width:auto}.hub-card{min-height:44px;padding:6px 10px}.hub-card .chip{width:20px;height:20px}}@media(prefers-reduced-motion:reduce){.hub-card{transition:none}.hub-card:hover{transform:none}}#start-button.loading{opacity:.55;cursor:progress}#hub-stage.loading:after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:#c8ff2e;animation:hub-car-loading .9s linear infinite}@keyframes hub-car-loading{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#hub-stage.loading:after{animation:none}}.tv-chip{position:absolute;top:44%;left:calc(env(safe-area-inset-left,0px) + 12px);transform:translate(-10px);display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:999px;background:#06080bb8;border:1px solid rgba(200,255,46,.45);color:#f4f7fb;font:800 11px/1 Big Shoulders Display,Impact,sans-serif;letter-spacing:.18em;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease}.tv-chip.on{opacity:1;transform:translate(0)}.tv-chip i{width:8px;height:8px;border-radius:50%;background:#ff2a3c;box-shadow:0 0 10px #ff2a3c}.tv-chip.on i{animation:tv-rec 1s steps(2,start) infinite}.tv-chip span{color:#c8ff2e}@keyframes tv-rec{to{opacity:.25}}@media(prefers-reduced-motion:reduce){.tv-chip{transition:none}.tv-chip.on i{animation:none}}.feed-card{position:relative;overflow:hidden;padding:8px 18px 8px 20px;border-radius:3px;border-inline-end:0;background:linear-gradient(100deg,#06080bf0,#12161ee0);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;clip-path:polygon(11px 0,100% 0,calc(100% - 11px) 100%,0 100%);transform:translate(30px) scale(.96)}.feed-card:before{content:"";position:absolute;inset:0 auto 0 0;width:9px;background:var(--accent);box-shadow:0 0 16px var(--accent)}.feed-card:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 32%,rgba(255,255,255,.26) 50%,transparent 68%);transform:translate(-130%);pointer-events:none}.feed-card.in:after{animation:feed-shine .64s ease-out 90ms 1 both}@keyframes feed-shine{to{transform:translate(130%)}}.feed-card .glyph{width:7px;height:7px;border-radius:1.5px;transform:rotate(45deg)}.feed-card b{font:italic 800 13.5px/1.1 var(--display);letter-spacing:.1em}.feed-card.score b{color:#dfff7a}.feed-card.alert b{color:#ffd2cc}.feed-card span{font-weight:700}@media(prefers-reduced-motion:reduce){.feed-card.in:after{animation:none}}body.crash-cam #hud,body.crash-cam #stereo{opacity:0;transition:opacity .25s ease}body.crash-cam:before,body.crash-cam:after{content:"";position:fixed;left:0;right:0;height:9.5vh;background:#000;z-index:40;pointer-events:none;animation:crash-bars .55s cubic-bezier(.2,.8,.2,1) both}body.crash-cam:before{top:0;transform-origin:top}body.crash-cam:after{bottom:0;transform-origin:bottom}@keyframes crash-bars{0%{transform:scaleY(0)}to{transform:scaleY(1)}}#stereo{width:min(318px,calc(100vw - var(--safe-left) - var(--safe-right)));border-radius:3px;background:linear-gradient(112deg,#05070af5,#0d1118f0 62%,#161e0ef0);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 0 0 1px #c8ff2e24,0 16px 44px #0000009e;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);overflow:hidden}#stereo:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--lime);box-shadow:0 0 14px #c8ff2e8c;opacity:.35;transition:opacity .3s ease;pointer-events:none}#stereo[data-state=playing]:before{opacity:1}#stereo:after{content:"";position:absolute;top:0;bottom:0;left:0;width:46%;background:linear-gradient(100deg,transparent,rgba(200,255,46,.2) 45%,rgba(255,255,255,.16) 55%,transparent);transform:translate(-120%) skew(-18deg);pointer-events:none}#stereo.st-new[data-state=playing]:after{animation:st-sweep .9s cubic-bezier(.2,.7,.2,1) 1}@keyframes st-sweep{to{transform:translate(340%) skew(-18deg)}}#stereo[data-drag="1"]{box-shadow:inset 0 0 0 1px #c8ff2e80,0 30px 70px #000000b3}#stereo .st-head{height:46px;padding:0 4px 0 14px}#stereo .st-face{gap:11px}#stereo .st-eq{display:flex;align-items:flex-end;gap:2px;width:21px;height:18px;flex:none}#stereo .st-eq i{display:block;width:3px;height:100%;background:var(--ink);opacity:.3;transform:scaleY(.22);transform-origin:50% 100%;transition:opacity .25s ease,background .25s ease}#stereo[data-state=playing] .st-eq i{background:var(--lime);opacity:1;animation:st-eq .86s ease-in-out infinite alternate}#stereo[data-state=playing] .st-eq i:nth-child(1){animation-duration:.62s;animation-delay:-.2s}#stereo[data-state=playing] .st-eq i:nth-child(2){animation-duration:.48s;animation-delay:-.45s}#stereo[data-state=playing] .st-eq i:nth-child(3){animation-duration:.74s;animation-delay:-.1s}#stereo[data-state=playing] .st-eq i:nth-child(4){animation-duration:.54s;animation-delay:-.6s}#stereo[data-state=playing] .st-eq i:nth-child(5){animation-duration:.68s;animation-delay:-.3s}#stereo[data-state=loading] .st-eq i{opacity:.6;animation:st-eq 1.1s ease-in-out infinite alternate}#stereo[data-state=failed] .st-eq i{background:var(--amber);opacity:.7}@keyframes st-eq{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}#stereo .st-meta{display:grid;gap:1px;min-width:0;flex:1}#stereo .st-kicker{font:800 8.5px/1 var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--lime);opacity:.75}#stereo .st-title{font:800 15px/1.05 var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-dim)}#stereo[data-state=playing] .st-title{color:#fff}#stereo .st-chev{border-radius:0}#stereo .st-chev:hover{background:#c8ff2e1f;color:var(--lime)}#stereo .st-panel{transition:grid-template-rows .3s cubic-bezier(.2,.8,.2,1)}#stereo .st-inner>*{opacity:0;transform:translateY(-6px);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}#stereo[data-open="1"] .st-inner>*{opacity:1;transform:none}#stereo[data-open="1"] .st-inner>*:nth-child(2){transition-delay:.05s}#stereo[data-open="1"] .st-inner>*:nth-child(3){transition-delay:.1s}#stereo[data-open="1"] .st-inner>*:nth-child(4){transition-delay:.15s}#stereo[data-open="1"] .st-inner>*:nth-child(n+5){transition-delay:.2s}#stereo .st-bar{height:16px;margin:2px 14px 0}#stereo .st-bar:before{top:6px;height:4px;border-radius:0;background:#e9ebee1f}#stereo .st-bar i{top:6px;height:4px;border-radius:0;background:linear-gradient(90deg,#8fd41a,var(--lime));box-shadow:0 0 10px #c8ff2e99}#stereo .st-bar i:after{content:"";position:absolute;right:-2px;top:-3px;width:4px;height:10px;background:#fff;box-shadow:0 0 8px #fffc}#stereo .st-row{gap:14px;padding:8px 14px 10px}#stereo .st-row button{width:36px;height:36px;border-radius:2px;background:#e9ebee0f;box-shadow:inset 0 0 0 1px #e9ebee1a;transform:skew(-8deg);transition:background .15s ease,color .15s ease,transform .12s ease,box-shadow .15s ease}#stereo .st-row button .st-glyph{transform:skew(8deg)}#stereo .st-row button:hover{background:#c8ff2e24;color:var(--lime);box-shadow:inset 0 0 0 1px #c8ff2e80}#stereo .st-row button:active{transform:skew(-8deg) scale(.92)}#stereo .st-row button.st-big{width:58px;height:40px;background:var(--lime);color:#0a0d05;box-shadow:0 0 0 1px #c8ff2e80,0 6px 22px #c8ff2e47}#stereo .st-row button.st-big:hover{background:#d8ff5c;color:#0a0d05}#stereo .st-row button.st-big .st-glyph{width:18px;height:18px}#stereo[data-state=playing] .st-row button.st-big{animation:st-pulse 1.7s ease-in-out infinite}@keyframes st-pulse{0%,to{box-shadow:0 0 0 1px #c8ff2e80,0 6px 22px #c8ff2e38}50%{box-shadow:0 0 0 1px #c8ff2ecc,0 6px 30px #c8ff2e80}}#stereo .st-mix{grid-template-columns:30px 1fr 30px;gap:8px;padding:0 14px}#stereo .st-mix:last-child{padding-bottom:14px}#stereo .st-mix button:hover{background:#c8ff2e1f;color:var(--lime)}#stereo .st-val{font:800 13px/1 var(--display);letter-spacing:.04em;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}#stereo .st-mix[data-off="1"] .st-val{opacity:.3}#stereo input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:0;background:linear-gradient(90deg,var(--lime) 0 var(--v, 50%),rgba(233,235,238,.14) var(--v, 50%) 100%)}#stereo input[type=range]::-moz-range-track{height:4px;border-radius:0;background:linear-gradient(90deg,var(--lime) 0 var(--v, 50%),rgba(233,235,238,.14) var(--v, 50%) 100%)}#stereo input[type=range]::-webkit-slider-thumb{width:6px;height:16px;margin-top:-6px;border-radius:0;background:#fff;box-shadow:0 0 10px #c8ff2eb3}#stereo input[type=range]::-moz-range-thumb{width:6px;height:16px;border-radius:0;background:#fff;box-shadow:0 0 10px #c8ff2eb3}@media(prefers-reduced-motion:reduce){#stereo .st-eq i,#stereo .st-row button.st-big,#stereo.st-new:after{animation:none!important}#stereo[data-state=playing] .st-eq i{transform:scaleY(.7)}#stereo .st-inner>*{transition:none}}#stereo .st-lib{display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:8px;width:calc(100% - 28px);margin:0 14px 10px;padding:7px 9px 7px 11px;border:0;background:#c8ff2e12;box-shadow:inset 0 0 0 1px #c8ff2e38;color:var(--ink);font:800 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;text-align:left;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}#stereo .st-lib:hover,#stereo[data-list="1"] .st-lib{background:#c8ff2e29;box-shadow:inset 0 0 0 1px #c8ff2e99}#stereo .st-lib-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--lime)}#stereo .st-lib-pos{font-variant-numeric:tabular-nums;letter-spacing:.06em;opacity:.8}#stereo .st-lib .st-glyph{width:16px;height:16px;fill:currentColor;opacity:.8}#stereo .st-list{margin:0 14px 12px}#stereo .st-list[hidden]{display:none}#stereo .st-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:6px}#stereo .st-tabs button{padding:6px 2px;border:0;background:#e9ebee0f;color:var(--ink-dim);font:800 10.5px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,color .15s ease}#stereo .st-tabs button:hover{color:var(--ink)}#stereo .st-tabs button.on{background:var(--lime);color:#0a0d05}#stereo .st-search{width:100%;margin-bottom:6px;padding:7px 9px;border:0;border-radius:0;background:#e9ebee12;box-shadow:inset 0 0 0 1px #e9ebee24;color:var(--ink);font:500 12.5px/1.2 var(--body);outline:none;user-select:text;-webkit-user-select:text}#stereo .st-search[hidden]{display:none}#stereo .st-search:focus{box-shadow:inset 0 0 0 1px #c8ff2eb3}#stereo .st-search::placeholder{color:var(--ink-dim)}#stereo .st-tracks{max-height:min(232px,34vh);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(200,255,46,.5) transparent}#stereo .st-tracks::-webkit-scrollbar{width:4px}#stereo .st-tracks::-webkit-scrollbar-thumb{background:#c8ff2e80}#stereo .st-track{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;width:100%;padding:7px 6px 7px 4px;border:0;border-bottom:1px solid rgba(233,235,238,.06);background:none;color:var(--ink);font:500 12.5px/1.2 var(--body);text-align:left;cursor:pointer;transition:background .12s ease}#stereo .st-track:hover{background:#e9ebee12}#stereo .st-track-no{font:800 11px/1 var(--display);font-style:normal;letter-spacing:.04em;text-align:right;color:var(--ink-dim);font-variant-numeric:tabular-nums}#stereo .st-track-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;unicode-bidi:plaintext}#stereo .st-track-len{max-width:96px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:500 11px/1 var(--body);color:var(--ink-dim);font-variant-numeric:tabular-nums}#stereo .st-track.on{background:#c8ff2e1f;box-shadow:inset 3px 0 0 var(--lime)}#stereo .st-track.on .st-track-name{color:var(--lime);font-weight:700}#stereo .st-track.on .st-track-no{color:var(--lime)}#stereo .st-track.st-back .st-track-name,#stereo .st-track.st-more .st-track-name{font:800 11px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}#stereo .st-track.busy{opacity:.5;pointer-events:none}#stereo .st-note-line{margin:0;padding:14px 6px;color:var(--ink-dim);font:500 12px/1.4 var(--body)}body.preview #stereo{display:none!important}