:root{--bg: #05070d;--panel: rgba(8, 12, 22, .74);--panel-border: rgba(255, 255, 255, .14);--text: #f2f5fa;--muted: rgba(232, 238, 248, .62);--accent: #38bdf8;--good: #4ade80;--bad: #fb7185;--warn: #fbbf24;--shadow: 0 10px 34px rgba(0, 0, 0, .55);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}#video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);background:#05070d}#scrim{position:fixed;inset:0;background:linear-gradient(to bottom,#03050bcc,#03050bc2 42%,#03050b7a 66%,#03050b42 82%,#03050b38);pointer-events:none}#game,#overlay{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#hud{position:fixed;inset:0;pointer-events:none;z-index:5}#hud[hidden]{display:none}.panel{background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:14px;box-shadow:var(--shadow);padding:12px 14px}.panel h2{margin:0 0 8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}#panel-left{position:absolute;left:18px;top:64px;width:246px}#standings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}#standings li{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:13px;font-variant-numeric:tabular-nums;background:#ffffff0d;transition:transform .22s ease,background .22s ease}#standings li.me{background:#38bdf838;border:1px solid rgba(56,189,248,.5);font-weight:600}#standings li .pos{color:var(--muted);font-weight:700}#standings li .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#standings li .gap{color:var(--muted);font-size:12px}#standings li .dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}#panel-right{position:absolute;right:18px;top:64px;width:224px;display:flex;flex-direction:column;gap:12px}.stat{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0;font-size:13px}.stat span{color:var(--muted)}.stat b{font-variant-numeric:tabular-nums;font-size:15px}#stat-pb.good{color:var(--good)}#stat-pb.bad{color:var(--bad)}#minimap-panel{padding:8px}#minimap{display:block;width:100%;height:auto}#progress-wrap{position:absolute;top:16px;left:50%;transform:translate(-50%);width:min(52vw,620px)}#progress-track{position:relative;height:10px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow)}#progress-markers{position:absolute;inset:0}.marker{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);transition:left .12s linear}.marker.me{width:15px;height:15px;border:2px solid #fff;z-index:2}.banner{position:absolute;left:50%;transform:translate(-50%);bottom:13%;padding:9px 20px;border-radius:999px;font-weight:700;font-size:15px;letter-spacing:.05em;background:#080c16d9;border:1px solid var(--warn);color:var(--warn);box-shadow:var(--shadow)}.banner.danger{border-color:var(--bad);color:var(--bad);bottom:20%;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}#countdown[hidden]{display:none}#countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(80px,16vw,200px);font-weight:800;text-shadow:0 8px 40px rgba(0,0,0,.8)}#commentary-line[hidden]{display:none}#commentary-line{position:absolute;left:18px;bottom:18px;max-width:min(34vw,400px);display:flex;align-items:flex-start;gap:9px;padding:10px 14px;border-radius:12px;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-left:3px solid var(--accent);box-shadow:var(--shadow);font-size:14px;line-height:1.45;color:var(--text)}#commentary-line .commentary-icon{color:var(--accent);flex:0 0 auto;margin-top:2px}#commentary-line.pop{animation:commentary-in .26s cubic-bezier(.2,.9,.3,1)}@keyframes commentary-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#03050bd1;backdrop-filter:blur(6px);padding:20px}.screen[hidden]{display:none}.screen.transparent{background:#03050b66}.card{width:min(440px,100%);background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;box-shadow:var(--shadow);padding:28px;text-align:center;max-height:88vh;overflow-y:auto}.card.wide{width:min(640px,100%);text-align:left}.card h1{margin:0 0 10px;font-size:26px}.card h2{margin:20px 0 8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.lede{margin:0 0 14px;font-size:15px}.muted{color:var(--muted);font-size:13px;line-height:1.5}.error{color:var(--bad);font-size:13px;margin-top:12px}button{font:inherit;border-radius:10px;padding:11px 18px;cursor:pointer;border:1px solid transparent;transition:filter .14s ease}button:hover{filter:brightness(1.12)}button.primary{display:block;width:100%;margin-top:16px;background:var(--accent);color:#04121c;font-weight:700}button.ghost{display:block;width:100%;margin-top:10px;background:transparent;border-color:var(--panel-border);color:var(--muted)}kbd{font:inherit;font-size:11px;border:1px solid rgba(0,0,0,.3);border-radius:4px;padding:1px 5px;margin-left:6px;background:#00000024}input{font:inherit;width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--panel-border);background:#00000059;color:var(--text);text-align:center}.calib .ring{width:130px;margin:18px auto 12px}.ring svg{width:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff29;stroke-width:8}.ring-fg{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset .12s linear}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.result-grid>div{background:#ffffff0d;border-radius:10px;padding:10px 12px}.result-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.result-grid b{font-size:20px;font-variant-numeric:tabular-nums}.rival{font-size:15px;margin:4px 0 12px}.rival b{color:var(--accent)}.sectors{display:flex;flex-direction:column;gap:6px}.sector-row{display:grid;grid-template-columns:58px 1fr 62px;align-items:center;gap:8px;font-size:12px}.sector-bar{height:10px;border-radius:999px;background:#ffffff1a;position:relative;overflow:hidden}.sector-fill{position:absolute;top:0;bottom:0;left:50%;border-radius:999px}.sector-fill.good{background:var(--good)}.sector-fill.bad{background:var(--bad)}.sector-row .val{text-align:right;font-variant-numeric:tabular-nums}#res-leaderboard{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}#res-leaderboard li{display:grid;grid-template-columns:24px 1fr auto;gap:8px;padding:7px 10px;border-radius:8px;font-size:13px;background:#ffffff0d;font-variant-numeric:tabular-nums}#res-leaderboard li.me{background:#38bdf833;border:1px solid rgba(56,189,248,.45)}.row{display:flex;gap:10px;margin-top:18px}.row button{flex:1;margin-top:0}#qr-code{display:grid;place-items:center;padding:16px;background:#fff;border-radius:12px;margin:12px 0}#qr-code canvas,#qr-code svg{display:block}#debug{position:fixed;right:18px;bottom:18px;z-index:30;margin:0;padding:12px 14px;border-radius:10px;background:#03050be0;border:1px solid var(--panel-border);font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b9f5c8;white-space:pre;pointer-events:none}#debug[hidden]{display:none}@media(max-width:900px){#panel-left{width:190px;left:10px;top:54px}#panel-right{width:168px;right:10px;top:54px}#progress-wrap{width:40vw}}.picker{margin-top:18px}.picker h3{margin:0 0 10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.car-preview{height:108px;display:grid;place-items:center;background:#ffffff0d;border-radius:12px;margin-bottom:12px}.car-preview img{height:92px;width:auto;image-rendering:auto}input.sensitivity{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:#ffffff29;outline:none;margin:4px 0 10px;cursor:pointer}input.sensitivity::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:var(--shadow)}input.sensitivity::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}input.sensitivity:focus-visible{box-shadow:0 0 0 3px #38bdf866}.sensitivity-label{margin:0;min-height:2.6em}.swatches,.shapes{display:flex;gap:8px;justify-content:center}.shapes{margin-top:8px;flex-wrap:wrap}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .12s ease,border-color .12s ease}.swatch:hover{transform:scale(1.1)}.swatch[aria-pressed=true]{border-color:#fff;transform:scale(1.12)}.shape{font:inherit;font-size:12px;padding:7px 12px;border-radius:8px;background:#ffffff0f;border:1px solid var(--panel-border);color:var(--muted);cursor:pointer}.shape[aria-pressed=true]{background:#38bdf838;border-color:#38bdf88c;color:var(--text);font-weight:600}.qr-card{text-align:center}.qr-card ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;text-align:left}.qr-card ol li{display:grid;grid-template-columns:24px 1fr auto;gap:8px;padding:7px 10px;border-radius:8px;font-size:13px;background:#ffffff0d;font-variant-numeric:tabular-nums}.qr-card ol li.me{background:#38bdf833;border:1px solid rgba(56,189,248,.45)}.personas{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.persona{font:inherit;flex:1 1 44%;min-width:130px;text-align:left;padding:8px 11px;border-radius:8px;background:#ffffff0f;border:1px solid var(--panel-border);color:var(--muted);cursor:pointer}.persona .persona-name{display:block;font-size:13px;font-weight:600;color:var(--text)}.persona .persona-blurb{display:block;font-size:11px;line-height:1.35;margin-top:2px}.persona[aria-pressed=true]{background:#38bdf838;border-color:#38bdf88c;color:var(--text)}.voice-select{font:inherit;width:100%;margin-top:10px;padding:9px 12px;border-radius:8px;border:1px solid var(--panel-border);background:#00000059;color:var(--text)}.voice-select[hidden]{display:none}.attribution{margin:16px 0 0;font-size:10px;line-height:1.5;color:var(--muted);opacity:.75}.attribution a{color:inherit}body.video-panel{background:linear-gradient(to bottom,#0d1524,#16233a 15%,#0b1d12 15.2%,#060f09)}body.video-panel #scrim{display:none}body.video-panel #video{inset:auto 18px 18px auto;width:320px;height:240px;border-radius:12px;border:2px solid rgba(255,255,255,.25);box-shadow:0 8px 30px #00000080;z-index:4}body.video-panel #overlay{z-index:4}.tp{display:grid;grid-template-columns:minmax(200px,1fr) auto;grid-template-areas:"list preview" "url url" "go go";gap:14px 18px;width:100%}.tp-list{grid-area:list;display:flex;flex-direction:column;gap:6px;max-height:230px;overflow-y:auto}.tp-item{display:flex;flex-direction:column;gap:2px;text-align:left;padding:9px 11px;border-radius:9px;border:1px solid var(--panel-border);background:#ffffff08;color:var(--text);cursor:pointer;font:inherit}.tp-item:hover{background:#ffffff12}.tp-item[aria-selected=true]{border-color:var(--accent);background:#38bdf81f}.tp-item b{font-size:14px}.tp-item span{color:var(--muted);font-size:12px}.tp-right{grid-area:preview;display:flex;flex-direction:column;gap:5px;min-width:0}.tp-preview{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--panel-border);background:#00000059}.tp-title{font-size:14px;font-weight:700}.tp-stats{color:var(--muted);font-size:12px}.tp-attr{color:var(--muted);font-size:10px;line-height:1.35;max-width:260px}.tp-url{grid-area:url;display:flex;flex-direction:column;gap:6px;min-width:0}.tp-url label{color:var(--muted);font-size:12px}.tp-url-row{display:flex;gap:8px;min-width:0}.tp-url-row input{flex:1 1 auto;min-width:0;padding:9px 11px;border-radius:9px;border:1px solid var(--panel-border);background:#0000004d;color:var(--text);font:inherit}.tp-status{font-size:12px;min-height:16px;color:var(--muted)}.tp-status.good{color:var(--good)}.tp-status.bad{color:var(--bad)}.tp-go{grid-area:go}.tp-status.warn{color:var(--warn)}