:root{--bg: #0b0d10;--panel: rgba(14, 17, 22, .94);--line: rgba(255, 255, 255, .1);--text: #eef1f5;--muted: #8b95a5;--accent: #ff8a3d;--gold: #e8c14a;--purple: #b06bff;--green: #3ecf7a;--red: #ff5a4d;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);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:12px;padding:10px 16px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--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:14px}#topbar .meta strong{color:var(--text)}#topbar .sep{opacity:.4;margin:0 6px}.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:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel);backdrop-filter:blur(14px);box-shadow:0 24px 70px #0009;z-index:5}.panel[hidden]{display:none}#result-panel{display:flex;flex-direction:column;padding:0;overflow:hidden}#result-panel[hidden]{display:none}.panel-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:24px}.panel-actions{flex:none;padding:12px 24px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#12161cf5}.key-hint{margin:8px 0 0;text-align:center;color:var(--muted);font-size:11px}.panel h1{margin:0 0 8px;font-size:20px;letter-spacing:-.01em}.lede{margin:0 0 18px;color:var(--muted);font-size:13.5px;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:18px}.stat{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#ffffff05}.stat .label,.label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.stat strong{font-family:var(--mono);font-size:17px}.tabs{display:flex;gap:4px;margin:-6px -6px 16px;padding:4px;border-radius:10px;background:#ffffff0a}.tab{flex:1;padding:8px 10px;border:none;border-radius:7px;background:transparent;color:var(--muted);font-size:13px;font-weight:700}.tab:hover{color:var(--text)}.tab[aria-selected=true]{background:#ffffff1a;color:var(--text)}.hint{margin:6px 0 14px;color:var(--muted);font-size:12.5px;line-height:1.55}.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:10px 12px;border:1px solid var(--line);border-radius:9px;background:#ffffff0a;color:var(--text);font-family:var(--mono);font-size:13px}.text-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.slider-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--muted);font-size:13px}.slider-row input{flex:1;accent-color:var(--accent)}.recent-days{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.day-chip{padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:#ffffff08;color:var(--muted);font-family:var(--mono);font-size:12px}.day-chip:hover{color:var(--text);border-color:#ffffff47}.stats-chart{width:100%;height:130px;margin-bottom:10px;border:1px solid var(--line);border-radius:9px;background:#ffffff05}.weather-note{margin:-8px 0 16px;padding:9px 12px;border-left:3px solid #4d9be6;background:#4d9be61a;color:#b9d8f5;font-size:13px}.weather-tag{color:#6fb7ff;font-weight:700}.approx{margin:0 0 14px;padding:9px 12px;border-left:3px solid var(--gold);background:#e8c14a1a;color:#f0dda0;font-size:12.5px}.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:#ffffff05;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:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--medal)}.medal-target strong{font-family:var(--mono);font-size:13px}.medal-tally{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px}.tally{padding:10px;border:1px solid var(--line);border-top:3px solid var(--medal);border-radius:8px;background:#ffffff05;text-align:center}.tally strong{display:block;font-family:var(--mono);font-size:22px;color:var(--medal)}.tally span{font-size:11px;color:var(--muted)}.objective-list{display:grid;gap:6px;margin-bottom:16px}.objective{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:baseline;padding:7px 11px;border:1px solid var(--line);border-radius:8px;background:#ffffff05;font-size:13px}.objective.done{border-color:#3ecf7a80;background:#3ecf7a1a}.objective .tick{font-family:var(--mono);font-size:15px;color:var(--muted)}.objective.done .tick{color:var(--green)}.objective strong{color:var(--text)}.objective em{font-style:normal;color:var(--muted);font-size:12px}.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:#ffffff08}.sector strong{font-family:var(--mono);font-size:17px}.sector.purple{border-color:var(--purple);background:#b06bff24}.sector.green{border-color:var(--green);background:#3ecf7a1f}.sector.yellow{border-color:var(--gold);background:#e8c14a1a}.leaderboard{margin-bottom:18px;border:1px solid var(--line);border-radius:9px;overflow:hidden;color:var(--muted);font-size:13px}.lb-row{display:grid;grid-template-columns:40px 1fr auto;gap:10px;padding:8px 12px;border-top:1px solid var(--line);font-family:var(--mono)}.lb-row:first-child{border-top:none}.lb-row.you{background:#ff8a3d1f;color:var(--text)}.lb-rank{color:var(--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:20px;color:var(--accent);white-space:nowrap}.drill-toggle{padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:#ffffff0a;color:var(--muted);font-size:10.5px;font-weight:700;white-space:nowrap}.drill-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.drill-exit{flex:none;width:24px;height:24px;padding:0;border:1px solid var(--line);border-radius:6px;background:#ffffff0a;color:var(--muted);font-size:11px}.drill-exit:hover{color:var(--text);border-color:#ffffff4d}.drill-toggle[hidden]{display:none}.drill-rows{display:grid;gap:4px;font-family:var(--mono);font-size:12px}.drill-rows div{display:flex;justify-content:space-between}.drill-rows span{color:var(--muted)}.drill-keys{margin:10px 0 0;color:var(--muted);font-size:11px;text-align:center}.row-drill{padding:3px 9px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:11px;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:#f0c9a0;font-size:13px}.gp-banner[hidden]{display:none}.gp-banner .ghost{padding:6px 10px;font-size:12px;flex-shrink:0}.gp-stage-list{display:grid;gap:7px;margin-bottom: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:#ffffff08;font-family:var(--mono);font-size:13px;color:var(--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(--green)}.gp-stage-list-full .gp-stage-row{display:grid;grid-template-columns:1fr auto auto auto;gap:14px}.gp-stage-pos,.gp-stage-pts,.gp-stage-time{min-width:3.4em;text-align:right}.gp-stage-pts{color:var(--accent);font-weight:700}.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:#ffffff08;color:var(--muted);font-family:var(--mono);font-size:12.5px;text-align:left}.practice-item:hover{color:var(--text);border-color:var(--accent)}.practice-item strong{color:var(--text);font-size:15px}.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:#0d1014}.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:13px}: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;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#ffffff0d;color:var(--text);font-size:14px}.replay-btn:hover{border-color:#ffffff4d}#replay-scrub{flex:1;accent-color:var(--accent)}.replay-time{flex:0 0 auto;min-width:68px;font-family:var(--mono);font-size:14px;font-weight:700}.replay-btn.wide-btn{width:auto;padding:0 10px;font-size:12px;font-weight:700;white-space:nowrap}.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:5px 7px;border:1px solid var(--line);border-radius:6px;background:#ffffff0a;color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:700}.speed-chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#14161a}#telemetry-panel{position:absolute;left:50%;bottom:calc(var(--replay-bar-h) + 26px);transform:translate(-50%);display:grid;grid-template-columns:1fr 190px;gap:10px;width:min(1080px,calc(100vw - 32px));height:min(340px,46vh);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-main{min-width:0}.telemetry-traces{width:100%;height:100%;cursor:col-resize;border-radius:8px;background:#00000040}.telemetry-side{display:grid;grid-template-rows:auto 1fr;gap:8px;min-height:0}.telemetry-circle{width:100%;aspect-ratio:1;border-radius:8px;background:#00000040}.readout{display:grid;align-content:start;gap:1px;overflow-y:auto;font-family:var(--mono);font-size:11px}.readout-row{display:flex;justify-content:space-between;gap:8px;padding:2px 6px;border-radius:4px;background:#ffffff08;color:var(--muted)}.readout-row strong{color:var(--text)}.readout-row strong.bad{color:var(--red)}.readout-row strong.good{color:var(--green)}@media(max-width:900px){#telemetry-panel{grid-template-columns:1fr;height:min(240px,38vh)}.telemetry-side{display:none}}@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}.replay-time{min-width:58px;font-size:13px}.replay-btn.wide-btn{margin-left:auto}}.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.small .mode-chip{padding:7px 8px;font-size:12px}.mode-chip{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#ffffff08;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:all .14s}.mode-chip:hover{color:var(--text);border-color:#ffffff40}.mode-chip[aria-pressed=true]{color:#14161a;background:var(--accent);border-color:var(--accent)}.mode-blurb{margin:9px 0 0;color:var(--muted);font-size:12.5px;line-height:1.5;min-height:2.6em}.mode-detail{margin-top:4px;font-size:12.5px;color:var(--muted)}.mode-detail summary{cursor:pointer;color:var(--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;transition:transform .15s}.mode-detail[open] summary:before{content:"▾ "}.mode-detail summary:hover{color:var(--text)}.mode-note{margin:6px 0 8px;line-height:1.55}.mode-note strong{color:var(--text)}.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:baseline;gap:10px;width:100%;margin-bottom:14px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#ffffff05;text-align:left}.setup-summary:hover{border-color:#ffffff47}.setup-summary .label{margin:0;flex:none}.setup-summary strong{flex:1;color:var(--text);font-size:13px}.setup-summary .setup-change{flex:none;color:var(--accent);font-size:12px;font-weight:700}.start-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.start-secondary .ghost{padding:10px 12px;font-size:13px}.settings-group{border:1px solid var(--line);border-radius:10px;background:#ffffff05;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:14px;font-weight:700;list-style:none}.settings-group>summary::-webkit-details-marker{display:none}.settings-group>summary:after{content:"▾";color:var(--muted);font-size:12px;transition:transform .14s}.settings-group[open]>summary:after{transform:rotate(180deg)}.settings-group>summary:hover{color:var(--accent)}.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(--muted);font-size:12.5px;font-weight:600;list-style:none}.howto summary::-webkit-details-marker{display:none}.howto summary:before{content:"▸ "}.howto[open] summary:before{content:"▾ "}.howto .lede{margin:10px 0 0}.howto .controls-hint{text-align:left}.livery-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.livery-chip{display:flex;align-items:center;gap:7px;padding:6px 11px 6px 7px;border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .14s}.livery-chip:hover{color:var(--text);border-color:#ffffff40}.livery-chip[aria-pressed=true]{color:var(--text);border-color:#ffffff73;background:#ffffff14}.swatch{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.25)}.toggle{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--muted);font-size:13px;cursor:pointer}.toggle input{accent-color:var(--accent);width:15px;height:15px}button{font-family:inherit;cursor:pointer;border-radius:9px;transition:all .14s}.primary{display:block;width:100%;padding:13px 18px;border:none;background:var(--accent);color:#14161a;font-size:15px;font-weight:700}.primary:hover{background:#ffa15e}.primary kbd{background:#00000038;color:inherit;border:none}.ghost{padding:13px 18px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:14px;font-weight:600}.ghost:hover{color:var(--text);border-color:#ffffff4d}kbd{display:inline-block;padding:2px 6px;border-radius:5px;background:#ffffff1a;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(--muted);font-size:12px}.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:38px;letter-spacing:-.02em}.headline .delta{font-family:var(--mono);font-size:15px;font-weight:700}.delta.faster{color:var(--green)}.delta.slower{color:var(--red)}.headline.personal-best .time{color:var(--purple)}.invalid{margin:0 0 14px;padding:9px 12px;border-left:3px solid var(--red);background:#ff5a4d1a;color:#ffb3ad;font-size:13px}.worst{margin-bottom:16px;padding:11px 13px;border-left:3px solid var(--accent);background:#ff8a3d17;font-size:13.5px}.worst strong{color:var(--accent)}.corners{margin-bottom:18px;border:1px solid var(--line);border-radius:9px;overflow:hidden}.corners-head,.corner-row{display:grid;grid-template-columns:1fr 1.5fr 1fr .9fr;gap:8px;padding:8px 12px;font-family:var(--mono);font-size:12px;align-items:center}.corner-row{grid-template-columns:1fr 1.5fr 1fr .9fr auto}.corners-head{background:#ffffff0a;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.corner-row{border-top:1px solid var(--line)}.corner-row .lost{text-align:right;color:var(--muted)}.corner-row.worst-row{background:#ff8a3d14}.corner-row .note{color:var(--muted)}.corner-row .note.early{color:#6fb7ff}.corner-row .note.late{color:var(--accent)}.corner-row .note.bad{color:var(--red)}.attempts{margin-bottom:18px}.bars{display:flex;align-items:flex-end;gap:3px;height:54px;padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:#ffffff05;overflow-x:auto}.bar{flex:0 0 9px;min-height:3px;border-radius:2px 2px 0 0;background:#4a5364}.bar.best{background:var(--purple)}.bar.invalid{background:#33383f}.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:14px;background:#14181eb8;color:var(--text);font-size:22px;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:15px;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,.controls-hint,.drill-keys,.key-hint{display:none}}@media(max-width:560px){.panel{padding:18px;max-height:calc(100vh - 40px)}.headline .time{font-size:30px}.row{gap:6px}.stat{padding:8px 9px}.stat strong{font-size:14px}#topbar{padding:8px 10px;font-size:10px;white-space:nowrap}#topbar .brand span:last-child{display:none}.corners-head,.corner-row{grid-template-columns:.7fr 1.5fr 1fr .9fr;padding:8px 10px;font-size:11px}.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:13px}.secondary-actions .ghost{padding:9px 4px;font-size:12px}.actions .primary{padding:12px 10px;font-size:14px}.panel-scroll{padding:18px}.panel-actions{padding:12px 18px calc(12px + env(safe-area-inset-bottom))}}