:root{--surface-0: #0b0d10;--surface-1: rgba(14, 17, 22, .94);--surface-2: rgba(255, 255, 255, .032);--surface-3: rgba(255, 255, 255, .08);--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .28);--text: #eef1f5;--text-muted: #8b95a5;--text-dim: #7d8798;--accent: #ff8a3d;--accent-hover: #ffa15e;--accent-press: #ef7526;--accent-ink: #14161a;--accent-soft: rgba(255, 138, 61, .13);--accent-line: rgba(255, 138, 61, .5);--pace-purple: #b06bff;--pace-green: #3ecf7a;--pace-yellow: #e8c14a;--pace-red: #ff5a4d;--pace-red-ink: #ffb3ad;--gold: #e8c14a;--gold-ink: #f0dda0;--info: #4d9be6;--info-ink: #b9d8f5;--link: #6fb7ff;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--fs-micro: .625rem;--fs-tiny: .6875rem;--fs-small: .75rem;--fs-body: .8125rem;--fs-md: .875rem;--fs-lg: 1.0625rem;--fs-xl: 1.25rem;--fs-display: 2.75rem;--lh-tight: 1.25;--lh-normal: 1.55;--dur-fast: 90ms;--dur-base: .15s;--dur-slow: .22s;--ease: cubic-bezier(.2, 0, 0, 1);--attempt-bar: #4a5364;--attempt-bar-invalid: #33383f;--shadow-panel: 0 24px 70px rgba(0, 0, 0, .6);--shadow-raised: 0 2px 10px rgba(0, 0, 0, .35);--mono: ui-monospace, SFMono-Regular, Menlo, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root[data-colorblind=true]{--pace-green: #4d9be6;--pace-red: #ffe066;--pace-red-ink: #fff0b3}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:inherit}html,body{margin:0;height:100%;overflow:hidden;background:var(--surface-0);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none}#app{position:fixed;inset:0}#stage,#stage3d,#stage-hud{position:absolute;inset:0;width:100%;height:100%;display:block}#stage[hidden],#stage3d[hidden]{display:none}#stage-hud{z-index:1;pointer-events:none}#topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);font-family:var(--mono);font-size:var(--fs-tiny);letter-spacing:.08em;color:var(--text-muted);background:linear-gradient(180deg,rgba(6,8,11,.85),transparent);pointer-events:none;z-index:3}#topbar .brand{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:700}#topbar .flag{font-size:var(--fs-md)}#topbar .meta strong{color:var(--text)}#topbar .sep{opacity:.4;margin:0 var(--s1)}.panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow-y:auto;padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-1);backdrop-filter:blur(14px);box-shadow:var(--shadow-panel),inset 0 1px #ffffff0f;z-index:5}.panel[hidden]{display:none}#result-panel{display:flex;flex-direction:column;padding:0;overflow:hidden}#result-panel[hidden]{display:none}#grandprix-result-panel{display:flex;flex-direction:column;padding:0;overflow:hidden}#grandprix-result-panel[hidden]{display:none}#quali-panel{display:flex;flex-direction:column;padding:0;overflow:hidden}#quali-panel[hidden]{display:none}.panel-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--s5)}.panel-actions{flex:none;padding:var(--s3) var(--s5) calc(var(--s3) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#12161cf5}.key-hint{margin:8px 0 0;text-align:center;color:var(--text-muted);font-size:var(--fs-tiny)}.panel h1{margin:0 0 8px;font-size:var(--fs-xl);letter-spacing:-.01em}.lede{margin:0 0 18px;color:var(--text-muted);font-size:var(--fs-body);line-height:1.55}.lede em{color:var(--text);font-style:normal;font-weight:600}.row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:var(--s4)}.stat{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.stat .label,.label{display:block;font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.stat strong{font-family:var(--mono);font-size:var(--fs-lg)}.tabs{display:flex;gap:2px;margin:-4px -4px var(--s4);padding:3px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)}.tab{flex:1;padding:var(--s2) var(--s3);border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);font-size:var(--fs-body);font-weight:700}.tab:hover{background:var(--surface-2);color:var(--text)}.tab[aria-selected=true]{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-raised)}.hint{margin:var(--s2) 0 var(--s3);color:var(--text-muted);font-size:var(--fs-small);line-height:var(--lh-normal)}.wide-stat{grid-column:span 2}.wide{width:100%;margin-top:8px}.inline-row{display:flex;gap:8px;margin-bottom:10px}.text-input{flex:1;width:100%;padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font-family:var(--mono);font-size:var(--fs-body);transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.text-input:hover{border-color:var(--line-strong)}.text-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.slider-row{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s1);padding:var(--s2);border-radius:var(--r-sm);color:var(--text-muted);font-size:var(--fs-body);transition:background var(--dur-fast) var(--ease)}.slider-row:hover{background:var(--surface-2);color:var(--text)}.slider-row input{flex:1;accent-color:var(--accent)}.recent-days{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.day-chip{padding:var(--s1) var(--s2);border-radius:var(--r-sm);font-family:var(--mono);font-size:var(--fs-small)}.circuit-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;max-height:168px;overflow-y:auto;margin-bottom:12px;padding-right:2px}.circuit-chip{display:flex;align-items:baseline;gap:var(--s2);padding:var(--s1) var(--s2);border-radius:var(--r-sm)}.circuit-chip strong{color:var(--text);font-size:var(--fs-body);font-weight:600}.circuit-chip span{font-family:var(--mono);font-size:var(--fs-tiny)}.stats-chart{width:100%;height:130px;margin-bottom:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.weather-note{margin:-8px 0 16px;padding:9px 12px;border-left:3px solid var(--info);background:color-mix(in srgb,var(--info) 10%,transparent);color:var(--info-ink);font-size:var(--fs-body)}.weather-tag{color:var(--link);font-weight:700}.approx{margin:0 0 14px;padding:9px 12px;border-left:3px solid var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent);color:var(--gold-ink);font-size:var(--fs-small)}.medal-targets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px}.medal-target{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:6px 8px;border:1px solid var(--line);border-left:3px solid var(--medal);border-radius:8px;background:var(--surface-2);opacity:.55}.medal-target.earned{opacity:1;background:color-mix(in srgb,var(--medal) 14%,transparent)}.medal-target .medal-name{font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--medal)}.medal-target strong{font-family:var(--mono);font-size:var(--fs-body)}.medal-tally{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:var(--s4)}.tally{padding:10px;border:1px solid var(--line);border-top:3px solid var(--medal);border-radius:8px;background:var(--surface-2);text-align:center}.tally strong{display:block;font-family:var(--mono);font-size:var(--fs-xl);color:var(--medal)}.tally span{font-size:var(--fs-tiny);color:var(--text-muted)}.objective-list{display:grid;gap:4px;margin-bottom:16px}.objective{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:baseline;padding:3px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);font-size:var(--fs-body);line-height:17px}.objective.done{border-color:color-mix(in srgb,var(--pace-green) 50%,transparent);background:color-mix(in srgb,var(--pace-green) 10%,transparent)}.objective .tick{font-family:var(--mono);font-size:var(--fs-md);color:var(--text-muted)}.objective.done .tick{color:var(--pace-green)}.objective>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.objective strong{color:var(--text)}.objective em{font-style:normal;color:var(--text-muted);font-size:var(--fs-small)}.objective em:before{content:" — "}.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.sector{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.sector strong{font-family:var(--mono);font-size:var(--fs-lg)}.sector.purple{border-color:var(--pace-purple);background:color-mix(in srgb,var(--pace-purple) 14%,transparent)}.sector.green{border-color:var(--pace-green);background:color-mix(in srgb,var(--pace-green) 12%,transparent)}.sector.yellow{border-color:var(--pace-yellow);background:color-mix(in srgb,var(--pace-yellow) 10%,transparent)}.leaderboard{margin-bottom:var(--s4);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;color:var(--text-muted);font-size:var(--fs-body)}.lb-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:var(--s3);padding:var(--s2) var(--s3);border-top:1px solid var(--line);font-family:var(--mono);font-variant-numeric:tabular-nums}.lb-row:first-child{border-top:none}.lb-row.you{background:var(--accent-soft);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-rank{color:var(--text-muted)}.lb-time{color:var(--text);font-weight:700}#drill-hud{position:absolute;top:96px;right:16px;width:244px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#0e1116e6;backdrop-filter:blur(10px);z-index:4}#drill-hud[hidden]{display:none}.drill-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.drill-head strong{font-family:var(--mono);font-size:var(--fs-xl);color:var(--accent);white-space:nowrap}.drill-toggle{padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--text-muted);font-size:var(--fs-micro);font-weight:700;white-space:nowrap}.drill-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.drill-exit{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--text-muted)}.drill-exit svg{display:block}.drill-exit:hover{color:var(--text);border-color:var(--line-strong)}.drill-toggle[hidden]{display:none}.drill-rows{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.drill-keys{margin:10px 0 0;color:var(--text-muted);font-size:var(--fs-tiny);text-align:center}.row-drill{padding:3px 9px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text-muted);font-size:var(--fs-tiny);font-weight:700}.row-drill:hover{color:var(--accent);border-color:var(--accent)}.gp-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-8px 0 16px;padding:9px 12px;border-left:3px solid var(--accent);background:#ff8a3d1a;color:var(--gold-ink);font-size:var(--fs-body)}.gp-banner[hidden]{display:none}.gp-banner .ghost{padding:6px 10px;font-size:var(--fs-small);flex-shrink:0}.gp-stage-list{display:grid;gap:7px;margin-bottom:16px}#grandprix-solo-detail{margin-top:16px}.gp-stage-row{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-family:var(--mono);font-size:var(--fs-body);color:var(--text-muted)}.gp-stage-row .gp-stage-label{color:var(--text);font-weight:600}.gp-stage-row .gp-stage-time{font-weight:600}.gp-stage-row.current{border-color:var(--accent)}.gp-stage-row.done .gp-stage-time{color:var(--pace-green)}.gp-stage-list-full .gp-stage-row{display:grid;grid-template-columns:1fr auto auto auto;gap:14px}.gp-stage-list-full.with-quali .gp-stage-row{grid-template-columns:1fr auto auto auto auto}.gp-stage-pos,.gp-stage-pts,.gp-stage-time,.gp-stage-quali{min-width:3.4em;text-align:right}.gp-stage-quali{color:var(--pace-purple)}.gp-stage-pts{color:var(--accent);font-weight:700}.room-code-input{text-transform:uppercase;letter-spacing:.08em}.room-code-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.room-code{font-family:var(--mono);font-size:var(--fs-lg);letter-spacing:.08em;color:var(--accent)}.practice-list{display:grid;gap:7px;margin-bottom:14px}.practice-item{display:grid;grid-template-columns:48px 1fr 1fr auto;gap:10px;align-items:center;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text-muted);font-family:var(--mono);font-size:var(--fs-small);text-align:left}.practice-item:hover{color:var(--text);border-color:var(--accent)}.practice-item strong{color:var(--text);font-size:var(--fs-md)}.practice-item .zone{color:var(--accent)}.wide-panel{width:min(760px,calc(100vw - 32px))}.share-preview{margin-bottom:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-0)}.share-preview img{display:block;width:100%}.actions.secondary-actions{grid-template-columns:repeat(3,1fr);margin-top:8px}.secondary-actions .ghost{padding:9px 12px;font-size:var(--fs-body)}:root{--replay-bar-h: 56px}#replay-bar{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;align-items:center;gap:10px;width:min(880px,calc(100vw - 32px));padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#0e1116f0;backdrop-filter:blur(14px);z-index:6}#replay-bar[hidden]{display:none}.replay-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#ffffff0d;color:var(--text);font-size:var(--fs-md)}.replay-btn svg{display:block;flex:0 0 auto}.replay-btn:hover{border-color:var(--line-strong)}#replay-scrub{flex:1;accent-color:var(--accent)}.replay-time{flex:0 0 auto;min-width:68px;font-family:var(--mono);font-size:var(--fs-md);font-weight:700}.replay-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.speed-picker{flex:0 0 auto;display:flex;gap:3px}.speed-chip{padding:var(--s1) var(--s2);border-radius:var(--r-sm);font-family:var(--mono);font-size:var(--fs-tiny);font-weight:700}#telemetry-panel{position:absolute;right:16px;bottom:calc(var(--replay-bar-h) + 26px);display:flex;flex-direction:column;gap:8px;width:min(300px,42vw);max-height:min(280px,42vh);overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:12px;background:#0e1116f0;backdrop-filter:blur(14px);z-index:6}#telemetry-panel[hidden]{display:none}.telemetry-layer[hidden]{display:none!important}.telemetry-summary{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px}.telemetry-stat{display:flex;align-items:baseline;gap:5px;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);font-family:var(--mono);font-size:var(--fs-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.telemetry-stat[hidden]{display:none}.telemetry-stat strong{font-size:var(--fs-small);letter-spacing:normal;text-transform:none;color:var(--text)}.telemetry-stat strong.bad{color:var(--pace-red)}.telemetry-stat strong.good{color:var(--pace-green)}button.telemetry-stat.worst{cursor:pointer;font:inherit}button.telemetry-stat.worst:hover{border-color:var(--line-strong)}.telemetry-traces{width:100%;height:110px;flex:0 0 auto;cursor:col-resize;border-radius:8px;background:#00000040}.telemetry-circle{width:100%;max-width:160px;aspect-ratio:1;margin:0 auto;flex:0 0 auto;border-radius:8px;background:#00000040}.readout{display:grid;align-content:start;gap:1px;max-height:160px;overflow-y:auto;font-family:var(--mono);font-size:var(--fs-tiny)}.readout-row{display:flex;justify-content:space-between;gap:8px;padding:2px 6px;border-radius:4px;background:var(--surface-2);color:var(--text-muted)}.readout-row strong{color:var(--text)}.readout-row strong.bad{color:var(--pace-red)}.readout-row strong.good{color:var(--pace-green)}#quali-panel .gp-banner{margin-bottom:12px}#quali-heading{font-size:var(--fs-xl);letter-spacing:.06em}#quali-sub{margin-top:2px}.q-board{margin:14px 0 16px;border:1px solid var(--line);border-radius:9px;overflow-x:auto}.q-row{display:grid;grid-template-columns:2.4em minmax(120px,1fr) 5.2em 4.4em 4.4em 8.6em 3.4em 3.6em;gap:10px;align-items:center;min-width:560px;padding:8px 12px;border-top:1px solid var(--line);font-family:var(--mono);font-size:var(--fs-small);color:var(--text-muted)}.q-row:first-child{border-top:none}.q-head{font-size:var(--fs-micro);letter-spacing:.05em;color:var(--text-muted);background:var(--surface-2)}.q-row .q-name{color:var(--text)}.q-row .q-best{color:var(--text);font-weight:700}.q-gap,.q-int,.q-trap{text-align:right}.q-row.you{background:#ff8a3d1f;color:var(--text)}.q-row.q-cut{box-shadow:inset 3px 0 0 var(--pace-red);color:var(--pace-red-ink)}.q-row.q-out{opacity:.5}.q-status{color:var(--accent);font-weight:700}.q-strip{display:flex;gap:2px;margin:4px 0 12px}.q-micro{flex:1;height:16px;border-radius:2px;background:var(--surface-3)}.q-micro.sb{background:var(--pace-purple)}.q-micro.pb{background:var(--pace-green)}.q-micro.slow{background:var(--gold)}.q-theo{margin:0 0 8px;font-size:var(--fs-body);color:var(--text)}.q-micro-table{margin-top:8px;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-family:var(--mono);font-size:var(--fs-small)}.q-mt-head,.q-mt-row{display:grid;grid-template-columns:2.6em 1fr 1fr 1fr;gap:8px;padding:5px 12px;border-top:1px solid var(--line);color:var(--text-muted)}.q-mt-head{border-top:none;font-size:var(--fs-micro);letter-spacing:.05em;background:var(--surface-2)}.q-mt-row.sb{color:var(--pace-purple)}.q-mt-row.pb{color:var(--pace-green)}.q-mt-row.slow{color:var(--text)}@media(max-width:900px){#telemetry-panel{width:min(240px,46vw);max-height:min(220px,36vh);gap:6px}.telemetry-summary{gap:4px}.telemetry-stat{padding:3px 6px;font-size:var(--fs-micro)}.telemetry-stat strong{font-size:var(--fs-tiny)}.telemetry-traces{height:90px}.telemetry-circle{max-width:120px}}@media(max-width:620px){:root{--replay-bar-h: 96px}#replay-bar{flex-wrap:wrap;row-gap:8px;padding:8px 10px}#replay-scrub{order:10;flex:1 1 100%}.speed-picker{order:11}.layer-picker{order:12;margin-left:auto}.replay-time{min-width:58px;font-size:var(--fs-body)}}.lb-row,.corners-head,.corner-row,.q-row,.q-head,.q-mt-head,.q-mt-row,.gp-stage-row,.readout-row,.drill-rows,.sector,.stat strong,.tally strong,.medal-target strong,.telemetry-stat strong,.headline .time,.headline .delta,.replay-time{font-variant-numeric:tabular-nums}.mode-chip,.day-chip,.circuit-chip,.livery-chip,.speed-chip{border:1px solid var(--line);background:var(--surface-2);color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.mode-chip:hover,.day-chip:hover,.circuit-chip:hover,.livery-chip:hover,.speed-chip:hover{background:var(--surface-3);border-color:var(--line-strong);color:var(--text)}.mode-chip[aria-pressed=true],.livery-chip[aria-pressed=true],.speed-chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--text);font-weight:700}.mode-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mode-list.small{margin-bottom:4px}.mode-list.four{grid-template-columns:repeat(4,1fr)}.mode-list.solo{display:flex}.mode-list.solo .mode-chip{cursor:default}.mode-list.small .mode-chip{padding:7px 8px;font-size:var(--fs-small)}.mode-chip{padding:var(--s2) var(--s3);border-radius:var(--r-sm);font-size:var(--fs-body);font-weight:600}.mode-blurb{margin:9px 0 0;color:var(--text-muted);font-size:var(--fs-small);line-height:1.5;min-height:2.6em}.mode-detail{margin-top:4px;font-size:var(--fs-small);color:var(--text-muted)}.mode-detail summary{cursor:pointer;color:var(--text-muted);font-weight:600;padding:4px 0;list-style:none}.mode-detail summary::-webkit-details-marker{display:none}.mode-detail summary:before{content:"▸";display:inline-block;width:1em}.mode-detail summary:hover{color:var(--text)}.mode-note{margin:6px 0 8px;line-height:1.55}.mode-note strong{color:var(--text)}.mode-note a{color:var(--accent);text-decoration:underline;text-decoration-color:#ff8a3d66;text-underline-offset:2px}.mode-note a:hover{text-decoration-color:var(--accent)}.mode-detail ul{margin:0;padding-left:18px;line-height:1.6}.mode-tag{color:var(--accent);font-weight:700}.setup-summary{display:flex;align-items:center;gap:var(--s3);width:100%;margin-bottom:var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);text-align:left}.setup-summary:hover{background:var(--surface-3);border-color:var(--line-strong)}.setup-summary:hover .setup-change{color:var(--accent-hover)}.setup-summary:active{transform:translateY(1px)}.setup-summary .label{margin:0;flex:none}.setup-summary strong{flex:1;color:var(--text);font-size:var(--fs-body)}.setup-summary .setup-change{flex:none;color:var(--accent);font-size:var(--fs-small);font-weight:700}.menu-col[data-col=garage] .livery-list{gap:6px;margin-bottom:12px}.menu-col[data-col=garage] .livery-chip{gap:3px;padding:4px 6px 5px;font-size:var(--fs-tiny)}.menu-col[data-col=garage] .livery-preview{width:30px;height:35px}.menu-leaderboard-rows{max-height:168px;overflow-y:auto;margin-bottom:0}.leaderboard-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.link-button{padding:0;border:none;background:none;color:var(--accent);font-size:var(--fs-small);font-weight:700;cursor:pointer}.link-button:hover{text-decoration:underline}.start-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.start-secondary .ghost{padding:10px 12px;font-size:var(--fs-body)}.menu-col{display:none}#start-panel[data-col=circuit] .menu-col[data-col=circuit],#start-panel[data-col=race] .menu-col[data-col=race],#start-panel[data-col=garage] .menu-col[data-col=garage]{display:block}.col-title{margin:0 0 var(--s3);padding-bottom:var(--s2);border-bottom:1px solid var(--line);font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em}.menu-col>.label,.settings-body>.label,.panel-scroll>.label{display:flex;align-items:center;gap:var(--s2);margin:var(--s4) 0 var(--s2);color:var(--text-dim)}.menu-col>.label:after,.settings-body>.label:after,.panel-scroll>.label:after{content:"";flex:1 1 auto;height:1px;background:linear-gradient(to right,var(--line-strong),transparent)}.menu-col>.label:first-of-type,.settings-body>.label:first-of-type,.panel-scroll>.label:first-of-type{margin-top:0}@media(min-width:1040px){#start-panel{display:flex;flex-direction:column;width:min(1180px,calc(100vw - 32px));overflow:hidden}#start-panel[hidden]{display:none}#start-panel .tab-body:not([hidden]){flex:1 1 auto;min-height:0;overflow-y:auto}#start-panel .menu-grid:not([hidden]){display:grid;grid-template-columns:1fr 1.05fr 1fr;grid-template-rows:minmax(0,1fr);gap:0 var(--s5);overflow:hidden}#start-panel .menu-col{display:block;min-height:0;overflow-y:auto;padding-right:10px}.menu-col+.menu-col{padding-left:var(--s5);border-left:1px solid var(--line)}.col-tab[data-tab=circuit],.col-tab[data-tab=garage]{display:none}.menu-col .medal-targets{grid-template-columns:1fr 1fr}#start-panel .tab-body:not(.menu-grid){max-width:620px;margin:0 auto}}[data-body=race] .col-title{margin:0 0 6px;font-size:var(--fs-lg);letter-spacing:-.01em}[data-body=race] .weather-note,[data-body=race] .gp-banner{margin:-4px 0 8px;padding:7px 11px;font-size:var(--fs-small)}[data-body=race] .row{display:flex;flex-wrap:wrap;gap:4px 16px;margin-bottom:8px}[data-body=race] .row .stat{display:flex;align-items:baseline;gap:6px;padding:0;border:none;background:none}[data-body=race] .row .stat .label{margin:0}[data-body=race] .row .stat strong{font-size:var(--fs-body)}[data-body=race] .medal-targets,[data-body=race] .objective-list{margin-bottom:8px}[data-body=race] .objective-list{gap:3px}[data-body=race] .objective{padding:2px 11px;line-height:16px}[data-body=race] .setup-summary{margin-bottom:10px;padding:7px 12px}[data-body=race] .howto{margin-top:8px;padding-top:8px}[data-body=race] .start-secondary{margin-top:6px}[data-body=race] .start-secondary .ghost{padding:8px 12px}.settings-group{border:1px solid var(--line);border-radius:10px;background:var(--surface-2);margin-bottom:8px}.settings-group>summary{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;color:var(--text);font-size:var(--fs-md);font-weight:700;list-style:none}.settings-group>summary::-webkit-details-marker{display:none}.settings-group>summary:after{content:"▾";color:var(--text-muted);font-size:var(--fs-small)}.settings-group[open]>summary:after{transform:rotate(180deg)}.settings-group>summary:hover{color:var(--accent)}.settings-group[open]>summary{border-bottom:1px solid var(--line)}.settings-body{padding:4px 14px 14px;border-top:1px solid var(--line)}.settings-body>*:last-child{margin-bottom:0}.settings-body .mode-detail{margin-bottom:16px}.howto{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.howto summary{cursor:pointer;padding:2px 0;color:var(--text-muted);font-size:var(--fs-small);font-weight:600;list-style:none}.howto summary::-webkit-details-marker{display:none}.howto summary:before{content:"▸";display:inline-block;width:1em}.howto .lede{margin:10px 0 0}.howto .controls-hint{text-align:left}.livery-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.livery-chip{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 8px 7px;border-radius:var(--r-sm);font-size:var(--fs-small);font-weight:600}.livery-preview{display:block;width:34px;height:40px}.toggle{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s1);padding:var(--s2) var(--s2);border-radius:var(--r-sm);color:var(--text-muted);font-size:var(--fs-body);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.toggle:hover{background:var(--surface-2);color:var(--text)}.toggle:has(input:checked){color:var(--text)}.toggle input{accent-color:var(--accent);width:15px;height:15px}button{font-family:inherit;cursor:pointer;border-radius:var(--r-md);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.primary{display:block;width:100%;padding:var(--s3) var(--s4);border:none;background:var(--accent);color:var(--accent-ink);font-size:var(--fs-md);font-weight:700;letter-spacing:.01em;box-shadow:var(--shadow-raised)}.primary:hover{background:var(--accent-hover)}.primary:active{background:var(--accent-press);box-shadow:none;transform:translateY(1px)}.primary:disabled{background:var(--surface-3);color:var(--text-dim);box-shadow:none;cursor:not-allowed}.primary:disabled:hover{background:var(--surface-3)}.primary kbd{background:#00000038;color:inherit;border:none}.ghost{padding:var(--s3) var(--s4);border:1px solid var(--line);background:var(--surface-2);color:var(--text-muted);font-size:var(--fs-body);font-weight:600}.ghost:hover{background:var(--surface-3);border-color:var(--line-strong);color:var(--text)}.ghost:active{transform:translateY(1px)}.ghost:disabled{opacity:.45;cursor:not-allowed}kbd{display:inline-block;padding:2px 6px;border-radius:5px;background:var(--surface-3);border:1px solid rgba(255,255,255,.14);font-family:var(--mono);font-size:.88em}.controls-hint{margin:14px 0 0;text-align:center;color:var(--text-muted);font-size:var(--fs-small)}.headline{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}.headline .label{margin:0}.headline .time{font-family:var(--mono);font-size:var(--fs-display);letter-spacing:-.02em}.headline .delta{font-family:var(--mono);font-size:var(--fs-md);font-weight:700}.delta.faster{color:var(--pace-green)}.delta.slower{color:var(--pace-red)}.headline.personal-best .time{color:var(--pace-purple)}.invalid{margin:0 0 14px;padding:9px 12px;border-left:3px solid var(--pace-red);background:color-mix(in srgb,var(--pace-red) 10%,transparent);color:var(--pace-red-ink);font-size:var(--fs-body)}.worst{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;padding:11px 13px;border-left:3px solid var(--accent);background:#ff8a3d17;font-size:var(--fs-body)}.worst strong{color:var(--accent)}.worst-drill{flex:0 0 auto}.corners{margin-bottom:var(--s4);border:1px solid var(--line);border-radius:9px;overflow:hidden}.corners-head,.corner-row{display:grid;grid-template-columns:56px minmax(0,1.5fr) minmax(0,1fr) minmax(0,.9fr) 60px;gap:8px;padding:8px 12px;font-family:var(--mono);font-size:var(--fs-small);align-items:center}.corners-head>span,.corner-row>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.corners-head{background:var(--surface-2);color:var(--text-muted);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase}.corner-row{border-top:1px solid var(--line)}.corner-row .lost{text-align:right;color:var(--text-muted)}.corner-row.worst-row{background:#ff8a3d14}.corner-row .note{color:var(--text-muted)}.corner-row .note.early{color:var(--link)}.corner-row .note.late{color:var(--accent)}.corner-row .note.bad{color:var(--pace-red)}.attempts{margin-bottom:var(--s4)}.bars{display:flex;align-items:flex-end;gap:3px;height:54px;padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);overflow-x:auto}.bar{flex:0 0 9px;min-height:3px;border-radius:2px 2px 0 0;background:var(--attempt-bar)}.bar.best{background:var(--pace-purple)}.bar.invalid{background:var(--attempt-bar-invalid)}.actions{display:grid;grid-template-columns:1fr auto;gap:10px}.actions.gp-active{grid-template-columns:1fr auto auto}#touch-controls{position:absolute;bottom:0;left:0;right:0;display:none;gap:10px;padding:14px 14px calc(14px + env(safe-area-inset-bottom));z-index:4}.touch-btn{flex:1;height:76px;border:1px solid rgba(255,255,255,.16);border-radius:var(--r-lg);background:#14181eb8;color:var(--text);font-size:var(--fs-xl);font-weight:700;backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;touch-action:none}.touch-btn:active{background:#ffffff29}.touch-btn.brake{flex:1.35;font-family:var(--mono);font-size:var(--fs-md);letter-spacing:.08em;border-color:#ff8a3d73;color:var(--accent)}.touch-btn.brake:active{background:#ff8a3d47}@media(pointer:coarse),(max-width:560px){#touch-controls{display:flex}body.replaying #touch-controls{display:none}#app:has(.panel:not([hidden])) #touch-controls{display:none}.controls-hint,.drill-keys,.key-hint{display:none}.primary,.ghost,.tab,.replay-btn,.drill-exit,.link-button{min-height:44px}}@media(max-width:560px){:root{--fs-display: 1.875rem;--fs-xl: 1.125rem}.tabs{flex-wrap:wrap}.tab{flex:1 1 auto;padding:8px 4px;font-size:var(--fs-small)}.panel{padding:var(--s4);max-height:calc(100vh - 60px);top:calc(50% + 15px)}.row{gap:6px}.stat{padding:8px 9px}.stat strong{font-size:var(--fs-md)}#topbar{padding:8px 10px;font-size:var(--fs-micro);white-space:nowrap}#topbar .brand span:last-child{display:none}.corners-head,.corner-row{grid-template-columns:40px minmax(0,1.3fr) minmax(0,1.05fr) minmax(0,.95fr) 46px;gap:6px;padding:8px 10px;font-size:var(--fs-tiny)}.corners-head{font-size:var(--fs-micro)}.row-drill{padding:3px 6px}.medal-targets{grid-template-columns:repeat(2,1fr)}.actions{grid-template-columns:1fr auto}.actions.gp-active{grid-template-columns:1fr 1fr}.actions.gp-active .primary{grid-column:1 / -1}.actions.secondary-actions{grid-template-columns:repeat(3,1fr)}.actions .ghost{padding:11px 10px;font-size:var(--fs-body)}.secondary-actions .ghost{padding:9px 4px;font-size:var(--fs-small)}.actions .primary{padding:12px 10px;font-size:var(--fs-md)}.panel-scroll{padding:var(--s4)}.panel-actions{padding:12px 18px calc(12px + env(safe-area-inset-bottom))}}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 6px))}to{opacity:1;transform:translate(-50%,-50%)}}.panel{animation:panel-in var(--dur-slow) var(--ease) both}#result-panel{animation-duration:var(--dur-fast)}.howto summary:before,.mode-detail summary:before,.settings-group>summary:after{display:inline-block;transition:transform var(--dur-base) var(--ease)}.howto[open] summary:before,.mode-detail[open] summary:before{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] *:before,:root[data-reduced-motion=true] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}