:root{--ink: #ffffff;--muted: rgba(255, 255, 255, .5);--hair: rgba(255, 255, 255, .16);--hair-strong: rgba(255, 255, 255, .4);--dotted: 1px dotted rgba(255, 255, 255, .24);--sans: "Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease: cubic-bezier(.2, .7, .2, 1);--gutter: clamp(16px, 4.5vw, 56px)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}kbd{font-family:var(--mono)}#stage{position:fixed;top:0;right:0;bottom:0;left:0}#stage canvas{display:block;width:100%;height:100%}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 34% 40% at 0% 100%,rgba(0,0,0,.82),transparent 100%),radial-gradient(ellipse 30% 40% at 100% 100%,rgba(0,0,0,.82),transparent 100%),radial-gradient(ellipse 28% 34% at 0% 0%,rgba(0,0,0,.8),transparent 100%),linear-gradient(to bottom,rgba(0,0,0,.5),transparent 18%)}.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.display{font-family:var(--sans);font-weight:200;letter-spacing:-.035em;line-height:1}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(var(--gutter),env(safe-area-inset-top)) var(--gutter) max(20px,env(safe-area-inset-bottom))}.hud>*{pointer-events:auto}.hud-top{display:flex;justify-content:space-between;align-items:flex-start}.hud-top-right{display:flex;gap:16px;align-items:flex-start}.brand{position:relative;padding-left:14px;font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase}.brand:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border:1px solid var(--ink);border-radius:50%}.hud-top-left{display:grid;gap:16px;justify-items:start}.telemetry{display:grid;min-width:190px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;border-top:var(--dotted)}.telemetry>div{display:flex;justify-content:space-between;gap:18px;padding:5px 0;border-bottom:var(--dotted)}.telemetry dt{color:var(--muted)}.telemetry dd{color:var(--ink);font-variant-numeric:tabular-nums;display:flex;gap:8px;align-items:center}.telemetry kbd{font-size:8px;padding:1px 4px;border:1px solid var(--hair-strong);color:var(--muted)}.telemetry .is-ready kbd{border-color:var(--ink);color:var(--ink)}.energy-bar{display:inline-flex;gap:2px}.energy-bar i{width:6px;height:8px;border:1px solid var(--hair-strong)}.energy-bar i.on{background:var(--ink);border-color:var(--ink)}.laps{text-align:right}.laps-head{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--muted)}.laps-head span{color:var(--ink)}.laps-time{font-weight:200;font-size:clamp(30px,4.4vw,52px);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.05}.laps-split{margin-top:6px;padding-top:6px;border-top:1px solid var(--hair);font-family:var(--mono);font-size:12px;letter-spacing:.12em}.sound-toggle{padding:7px 10px;border:1px solid var(--hair);font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--muted);transition:border-color .3s var(--ease),color .3s var(--ease)}.sound-toggle b{font-weight:400;color:var(--ink)}.sound-toggle:hover,.sound-toggle:focus-visible{border-color:var(--hair-strong);color:var(--ink)}.sound-toggle.is-inline{padding:2px 6px;font-size:10px;letter-spacing:.1em}.hud,#vignette{transition:opacity .4s var(--ease)}body.is-menu .hud,body.is-menu #vignette{opacity:0;pointer-events:none}body.is-menu .hud *{pointer-events:none}.hud-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.countdown{position:fixed;left:50%;top:22%;transform:translate(-50%);display:grid;justify-items:center;gap:14px;pointer-events:none}.countdown[hidden]{display:none}.countdown-lights{display:flex;gap:12px}.countdown-lights span{width:22px;height:22px;border:1px solid var(--ink);border-radius:50%;transition:background .12s linear}.countdown-lights span.on{background:var(--ink)}.countdown-label{font-family:var(--mono);font-size:12px;letter-spacing:.3em;min-height:1em}.turbo-tag{position:fixed;left:50%;bottom:22%;transform:translate(-50%);padding:6px 12px;border:1px solid var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;pointer-events:none;background:#0006}.turbo-tag[hidden]{display:none}.turbo-tag.is-dim{border-color:var(--hair-strong);color:var(--muted)}.turbo-tag.is-fire{background:var(--ink);color:#000}.sector-strip{width:300px}.sector-strip ol{list-style:none;display:grid;gap:4px;margin-top:6px}.sector-strip li{position:relative;display:grid;grid-template-columns:26px 1fr;gap:8px;padding:4px 6px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--muted);border:1px solid transparent}.sector-strip li b{font-weight:400}.sector-strip li i{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transform:scaleX(var(--fill, 0));background:#ffffff1a}.sector-strip li.is-current{color:var(--ink);border-color:var(--hair-strong)}.strip-dist{margin-top:8px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--muted)}.strip-dist span{color:var(--ink);font-size:14px}.link-card{position:fixed;left:50%;top:18%;transform:translate(-50%);width:min(380px,calc(100vw - 32px));display:grid;gap:10px;padding:14px 18px 16px;background:#000000d1;border:1px solid var(--ink);pointer-events:none;animation:link-in .4s var(--ease) both}.link-card[hidden]{display:none}@keyframes link-in{0%{opacity:0;transform:translate(-50%,10px)}}.link-head{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--muted)}.link-head i{flex:1;border-top:var(--dotted)}.link-main{display:flex;align-items:center;gap:16px}.link-main b{font-weight:200;font-size:48px;letter-spacing:-.04em;line-height:1}.link-name{font-family:var(--mono);font-size:12px;letter-spacing:.16em}.link-step{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--muted);margin-top:4px}.link-data{display:grid;gap:4px;padding-top:8px;border-top:1px solid var(--hair);font-family:var(--mono);font-size:10px;letter-spacing:.1em}.link-data div{display:flex;justify-content:space-between;gap:12px}.link-data dt{color:var(--muted)}.trazo-hud{position:fixed;left:50%;top:calc(4.8vh + 4px);transform:translate(-50%);display:grid;justify-items:center;gap:8px;pointer-events:none;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--muted)}.trazo-hud[hidden]{display:none}.tz-chain b{font-weight:400;color:var(--ink);font-size:16px;margin-left:6px}.tz-fig{display:flex;align-items:center;gap:10px}.tz-fig svg{width:44px;height:44px;overflow:visible}.tz-fig .fig-outline{fill:none;stroke:#ffffff59;stroke-width:1;stroke-dasharray:2 2}.tz-fig .fig-outline.is-done{stroke:#fff;stroke-dasharray:none;stroke-width:1.5}.tz-fig rect{fill:#000;stroke:#fff9;stroke-width:1}.tz-fig rect.is-on{fill:#fff;stroke:#fff}.tz-fig span{display:grid;gap:3px}.tz-fig b{font-weight:400;color:var(--ink)}.touch{position:fixed;left:0;right:0;bottom:max(150px,calc(env(safe-area-inset-bottom) + 140px));display:flex;justify-content:space-between;padding:0 var(--gutter);pointer-events:none}.touch[hidden]{display:none}.touch-group{display:flex;gap:10px;pointer-events:auto}.touch button{width:64px;height:64px;border:1px solid var(--hair-strong);background:#00000080;font-family:var(--mono);font-size:16px;touch-action:none}.touch button.is-down{background:var(--ink);color:#000}.hud-trace{width:300px}.hud-trace-label{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-bottom:6px;margin-bottom:4px;border-bottom:var(--dotted)}.hud-trace-label span{color:var(--ink);margin-right:10px}.hud-trace-svg{width:100%;height:auto;aspect-ratio:300 / 200}.trace-marker-ring{fill:none;stroke:#fff;stroke-width:1}.trace-marker-dot{fill:#fff}.speedo{width:260px;height:260px}.round-speedo{width:100%;height:100%;overflow:visible;display:block}.rs-hair{fill:none;stroke:var(--hair);stroke-width:1}.rs-dots{fill:none;stroke:#ffffff59;stroke-width:1.2;stroke-dasharray:.8 4.2;stroke-linecap:round}.rs-track{fill:none;stroke:#ffffff24;stroke-width:3}.rs-progress{fill:none;stroke:#fff;stroke-width:3;transition:stroke-dashoffset .12s linear}.rs-head{fill:#000;stroke:#fff;stroke-width:1.4;transition:cx .12s linear,cy .12s linear}.rs-major{stroke:#fff;stroke-width:1.2}.rs-minor{stroke:#fff6;stroke-width:1}.rs-num{font-family:var(--mono);font-size:8.5px;fill:var(--muted);text-anchor:middle}.rs-value{font-family:var(--sans);font-weight:200;font-size:50px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;fill:#fff;text-anchor:middle}.rs-unit{font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;fill:var(--muted);text-anchor:middle}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#0000008c;z-index:20}.sheet-overlay[hidden]{display:none}.sheet{width:min(1120px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:#000000db;border:1px solid var(--hair);padding:32px 36px 28px}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;border:1px solid var(--ink);font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.2em;transition:background .3s var(--ease),color .3s var(--ease)}.btn-primary{background:var(--ink);color:#000}.btn-primary:hover{background:transparent;color:var(--ink)}.btn-ghost{color:var(--ink);border-color:var(--hair-strong)}.btn-ghost:hover,.btn-ghost:focus-visible{border-color:var(--ink)}.btn-primary kbd,.btn-ghost kbd{font-size:10px;letter-spacing:.12em;padding:3px 6px;border:1px solid currentColor}.btn-primary.is-busy{background:transparent;color:var(--muted);border-color:var(--hair-strong);pointer-events:none}.poster-trace{width:100%;height:100%;display:block;overflow:visible}.trace-shadow{fill:none;stroke:#ffffff14;stroke-width:9;stroke-linejoin:round}.trace-line{fill:none;stroke:#fff;stroke-width:2.2;stroke-linejoin:round}.trace-tunnel{fill:none;stroke:#ffffff8c;stroke-width:7;stroke-dasharray:1 3}.trace-inv{fill:#000;stroke:#fff;stroke-width:1.4}.trace-sf{stroke:#fff;stroke-width:3}.trace-sector{font-family:var(--mono);font-size:9px;fill:#ffffff8c;text-anchor:middle}:focus-visible{outline:1px solid var(--ink);outline-offset:2px}:focus:not(:focus-visible){outline:none}.garage-dock{position:fixed;top:0;bottom:0;left:0;z-index:20;width:min(420px,100%);display:flex;flex-direction:column;gap:18px;padding:max(28px,env(safe-area-inset-top)) 28px max(24px,env(safe-area-inset-bottom));overflow-y:auto;background:linear-gradient(to right,#000000f2 75%,#000000d1);border-right:1px solid var(--hair)}.garage-dock[hidden]{display:none}.dock-head .kicker{margin-bottom:10px}.dock-head .display{font-size:clamp(38px,4.2vw,54px)}.track-list{display:grid;border-top:var(--dotted)}.track-row{border-bottom:var(--dotted)}.tr-head{width:100%;display:grid;grid-template-columns:30px 72px 1fr auto;align-items:center;gap:12px;padding:10px 4px;text-align:left;transition:background .3s var(--ease),padding .3s var(--ease)}.tr-head:hover,.tr-head:focus-visible{background:#ffffff0a;padding-left:10px}.tr-code{font-family:var(--sans);font-weight:200;font-size:24px;letter-spacing:-.04em;color:var(--muted)}.track-row.is-current .tr-code{color:var(--ink)}.tr-trace{display:block;width:72px;aspect-ratio:96 / 60;opacity:.55}.track-row.is-current .tr-trace{opacity:1}.tr-trace .trace-line{stroke-width:2.6}.tr-trace .trace-shadow{display:none}.tr-main{display:grid;gap:2px;min-width:0}.tr-name{font-weight:300;font-size:18px;letter-spacing:-.01em;text-transform:uppercase;color:var(--muted)}.track-row.is-current .tr-name{color:var(--ink)}.tr-world{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-medal{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--muted)}.track-row.is-current .tr-medal{color:var(--ink)}.tr-detail{padding:2px 4px 14px 42px;display:grid;gap:12px}.tr-sectors{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;color:var(--muted)}.tr-sectors b{display:block;font-weight:400;color:var(--ink);font-size:11px}.track-row.is-infinite{border-bottom:1px solid var(--hair-strong)}.tr-specs,.tr-targets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px}.tr-targets{grid-template-columns:repeat(4,1fr);padding-top:10px;border-top:1px solid var(--hair)}.tr-specs dt,.tr-targets dt{font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;color:var(--muted)}.tr-specs dd,.tr-targets dd{font-family:var(--mono);font-size:11px;margin-top:3px;white-space:nowrap}.dock-block{display:grid;gap:10px}.controls summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}.controls summary::-webkit-details-marker{display:none}.controls summary:after{content:"▾";color:var(--muted);transition:transform .3s var(--ease)}.controls[open] summary:after{transform:rotate(180deg)}.keys{display:grid;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);margin-top:4px}.keys>div{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px}.keys dt{color:var(--ink)}.cams{display:flex;gap:6px;flex-wrap:wrap}.cam-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border:1px solid var(--hair);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.cam-pill kbd{min-width:18px;height:18px;display:inline-grid;place-items:center;border:1px solid currentColor;font-size:10px}.cam-pill.is-active{border-color:var(--ink);color:var(--ink)}.dock-start{margin-top:auto;width:100%}.dock-car{width:100%;box-sizing:border-box;text-decoration:none}.dev-tag{display:inline-block;margin-top:10px;padding:4px 8px;border:1px solid var(--hair-strong);font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--muted)}.sheet.finish{width:min(560px,100%);text-align:left}.finish .display{font-size:clamp(48px,9vw,96px);margin:10px 0 6px}.finish-time{font-weight:200;font-size:clamp(32px,5vw,48px);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.finish-medal{margin-top:10px;font-family:var(--mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase}.finish-medal .dots{letter-spacing:.3em;margin-right:10px}.finish-medal .new{margin-left:12px;padding:2px 6px;background:var(--ink);color:#000}.finish-targets{display:flex;gap:22px;margin-top:12px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--muted)}.finish-targets dd{color:var(--ink);margin-top:3px;font-size:12px}.finish-laps{list-style:none;margin:20px 0 26px;border-top:var(--dotted)}.finish-laps li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:var(--dotted);font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--muted)}.finish-laps li span:last-child{color:var(--ink)}.finish-laps li.is-best span:last-child:after{content:"  BEST";color:var(--muted)}.finish-actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:760px){.garage-dock{top:auto;right:0;width:100%;max-height:62vh;border-right:0;border-top:1px solid var(--hair);background:#000000e0;padding:18px 16px max(16px,env(safe-area-inset-bottom));gap:14px}.dock-head .display{font-size:34px}.dock-start{position:sticky;bottom:0;box-shadow:0 -16px 16px #000000e0}}@media(max-width:760px){.telemetry{display:none}.hud-trace,.sector-strip{width:clamp(110px,30vw,160px)}.hud-trace-label{font-size:8px}.speedo{width:clamp(120px,34vw,170px);height:clamp(120px,34vw,170px)}}@media(max-width:520px){.sheet{padding:20px 16px}}@media(prefers-reduced-motion:reduce){.tr-head,.btn-primary,.btn-ghost,.rs-progress,.rs-head{transition:none}}