:root{--glass: rgba(10, 12, 18, .62);--line: rgba(255, 255, 255, .12);--ink: #f2f3f5;--ink-2: #a9adb8;--accent: #e10600;--best: #b14cff;--go: #19d36b;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--display: "Inter Tight", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b0d12;color:var(--ink);overflow:hidden;font-family:var(--display)}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}.hud{position:fixed;z-index:2;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.top-left{top:16px;left:16px;padding:10px 14px}.brand{font-weight:800;letter-spacing:.08em;font-size:15px}.brand:before{content:"";display:inline-block;width:10px;height:10px;background:var(--accent);margin-right:8px;transform:skew(-18deg)}.sub{margin-top:3px;font-family:var(--mono);font-size:11px;color:var(--ink-2)}.timing{top:16px;right:16px;min-width:210px;font-family:var(--mono)}.timing .row{display:flex;justify-content:space-between;gap:18px;font-size:13px;padding:3px 0}.timing .k{color:var(--ink-2);text-transform:uppercase;font-size:11px;letter-spacing:.1em;padding-top:2px}.timing .v{font-variant-numeric:tabular-nums}.timing .best .v{color:var(--best);font-weight:700}.telemetry{left:16px;bottom:74px;display:flex;gap:18px;align-items:flex-end}.speed{font-family:var(--mono);font-weight:700;font-size:44px;line-height:1;font-variant-numeric:tabular-nums;min-width:4.2ch;text-align:right}.speed small{font-size:12px;color:var(--ink-2);margin-left:6px;font-weight:500}.pedals{display:grid;gap:6px;width:170px}.pedal label{display:block;font-family:var(--mono);font-size:10px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px}.bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;position:relative}.bar span{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--go)}.bar.brake span{background:var(--accent)}.bar.steer span{left:50%;width:2px;background:var(--ink)}.trace-wrap{right:16px;bottom:74px;padding:10px 12px;width:440px}.trace-head{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.08em;margin-bottom:4px}.trace-head .dim{color:var(--ink-2)}.trace-head b{color:var(--best)}.sw{display:inline-block;width:10px;height:2px;vertical-align:middle;margin:0 5px 0 0}.sw.ai{background:#38e0c0}.sw.pole{background:var(--best);margin-left:8px}#trace{display:block;width:100%;height:110px}.timing .pole .k,.timing .pole .v{color:var(--best)}.timing .gap .v{font-weight:700;font-size:15px}.timing .gap .v.slower{color:#ff5a4e}.timing .gap .v.faster{color:var(--go)}.controls{left:50%;transform:translate(-50%);bottom:16px;display:flex;gap:4px;padding:6px;align-items:center;z-index:4;max-width:calc(100% - 24px);overflow-x:auto;white-space:nowrap}.controls button{font-family:var(--mono);font-size:12px;color:var(--ink-2);background:transparent;border:1px solid transparent;border-radius:7px;padding:6px 10px;cursor:pointer;display:flex;gap:6px;align-items:center}.controls button:hover{color:var(--ink);border-color:var(--line)}.controls button.on{color:var(--ink);background:#ffffff1a}.controls kbd{font-family:var(--mono);font-size:10px;opacity:.6;border:1px solid var(--line);border-radius:4px;padding:0 4px}.controls .sep{width:1px;height:18px;background:var(--line);margin:0 4px}#loading{position:fixed;inset:0;z-index:8;display:grid;place-content:center;gap:18px;text-align:center;background:#0b0d12;transition:opacity .6s}#loading.done{opacity:0;pointer-events:none}.ld-title{font-weight:800;font-size:28px;letter-spacing:.18em}.ld-bar{width:240px;height:3px;background:#ffffff1a;margin:0 auto}.ld-bar span{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}.ld-note{font-family:var(--mono);font-size:11px;color:var(--ink-2)}.brain{left:16px;top:84px;width:360px;padding:10px 12px 8px}#brain-cv{height:220px!important}.brain.hidden{display:none}.brain-head{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--ink);margin-bottom:6px}.brain-head .dim{color:var(--ink-2);letter-spacing:.04em}#brain-cv{display:block;width:100%;height:250px}.bars i{position:fixed;left:0;right:0;height:0;background:#000;z-index:3;transition:height .6s ease;pointer-events:none}.bars i:first-child{top:0}.bars i:last-child{bottom:0}body.cinema .bars i{height:9vh}body.cinema .hud:not(.controls){opacity:0;pointer-events:none}.hud{transition:opacity .5s}body.quad:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(#000,#000) center / 2px 100% no-repeat,linear-gradient(#000,#000) center / 100% 2px no-repeat}body.quad .brain,body.quad .trace-wrap,body.quad .telemetry{display:none}#title{position:fixed;inset:0;z-index:7;display:grid;place-content:center;justify-items:center;text-align:center;background:radial-gradient(ellipse at 50% 55%,#05060a4d,#05060ad9);transition:opacity .6s}#title.gone{opacity:0;pointer-events:none}#title h1{margin:14px 0 0;font-size:clamp(56px,11vw,148px);font-weight:800;letter-spacing:.06em;line-height:1;font-style:italic}#title h1:first-letter{color:var(--accent)}.t-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-2)}.t-spec{display:flex;align-items:stretch;margin-top:30px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.t-spec div{padding:10px 26px 9px;display:grid;gap:2px;text-align:left}.t-spec div+div{border-left:1px solid rgba(255,255,255,.14)}.t-spec b{font-family:"Titillium Web",var(--display);font-style:italic;font-weight:900;font-size:30px;line-height:1;letter-spacing:.01em}.t-spec div:last-child b{color:var(--best)}.t-spec span{font-family:"Titillium Web",var(--display);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}.t-menu{display:flex;gap:6px;margin-top:34px}.t-menu button{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:end;min-width:196px;padding:12px 22px 12px 18px;border:0;cursor:pointer;text-align:left;color:var(--ink);background:linear-gradient(180deg,#14161ee0,#0a0b10eb);transform:skew(-12deg);box-shadow:inset 3px 0 0 var(--accent);transition:background .18s,transform .18s,box-shadow .18s}.t-menu button>*{transform:skew(12deg)}.t-menu i{grid-row:span 2;font-family:"Titillium Web",var(--display);font-style:italic;font-weight:900;font-size:34px;line-height:.9;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.45)}.t-menu b{font-family:"Titillium Web",var(--display);font-style:italic;font-weight:700;font-size:17px;letter-spacing:.06em;text-transform:uppercase}.t-menu em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.t-menu button:hover,.t-menu button:focus-visible{background:linear-gradient(180deg,#ff1e10,#c00500);transform:skew(-12deg) translateY(-3px);outline:none}.t-menu button:hover i,.t-menu button:focus-visible i{-webkit-text-stroke-color:rgba(255,255,255,.9)}.t-menu button:hover em,.t-menu button:focus-visible em{color:#ffffffd9}.t-foot{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:#a9adb8b3;margin-top:22px;text-transform:uppercase}@media (max-width: 860px){.t-spec{flex-wrap:wrap;justify-content:center}.t-spec div{padding:8px 14px}.t-menu{display:grid;grid-template-columns:1fr 1fr;padding:0 16px}.t-menu button{min-width:0}}body.titled .hud{opacity:0;pointer-events:none}@media (max-width: 760px){.t-menu{grid-template-columns:1fr 1fr;padding:0 16px}}#sc-banner{position:fixed;top:92px;left:50%;transform:translate(-50%);z-index:5;padding:6px 22px;border-radius:6px;background:#ffc400;color:#111;font-weight:800;letter-spacing:.18em;font-size:15px;animation:scpulse 1s infinite}#sc-banner.hidden{display:none}@keyframes scpulse{50%{background:#ffdc5c}}.sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.sec{font-family:var(--mono);font-size:11px;text-align:center;padding:4px 2px;border-radius:4px;background:#ffffff0f;color:var(--ink-2)}.sec small{display:block;font-size:9px;opacity:.8}.sec.green{background:#19d36b38;color:#7dffb4}.sec.yellow{background:#ffc23d2e;color:#ffd877}.sec.purple{background:#b14cff4d;color:#e2c2ff}.tower{left:16px;top:352px;width:150px;padding:6px 8px;font-family:var(--mono);font-size:11.5px}.tw{display:grid;grid-template-columns:18px 4px 1fr auto;gap:7px;align-items:center;padding:2.5px 2px;border-radius:4px}.tw b{text-align:right;color:var(--ink-2);font-weight:500}.tw i{height:12px;border-radius:1px}.tw em{font-style:normal;color:var(--ink-2);font-size:10.5px;font-variant-numeric:tabular-nums}.tw.me{background:#ffffff1f}.tw.me span{color:#fff;font-weight:700}body.quad .tower{display:none}@media (max-width: 760px){.tower{display:none}}.evo{right:16px;top:200px;width:250px;font-family:var(--mono)}.evo.hidden{display:none}.evo-head{font-size:10px;letter-spacing:.12em;margin-bottom:8px}.evo-head .dim{display:block;color:var(--ink-2);letter-spacing:.04em;margin-top:2px}.evo-row{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;font-size:12px;padding:3px 0}.evo-row i{width:10px;height:10px;border-radius:2px}.evo-row span{color:var(--ink-2);font-variant-numeric:tabular-nums}.evo-row.out{opacity:.45}.evo-row.out b{text-decoration:line-through}.evo-keys{margin-top:8px;font-size:9.5px;color:var(--ink-2)}.controls button.play{color:var(--ink);border-color:#e1060080}.controls button.play:hover{background:#e106002e}.game{left:50%;top:16px;transform:translate(-50%);text-align:center;min-width:420px}.game.hidden,.result.hidden,#lights.hidden{display:none}.g-mode{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--ink-2)}.g-row{display:flex;gap:18px;justify-content:center;align-items:baseline;margin-top:4px;font-family:var(--mono);font-size:14px}.g-row b{font-family:var(--display);font-size:28px;font-weight:800}.g-row .tc{color:var(--go);font-size:11px}.g-keys{margin-top:6px;font-family:var(--mono);font-size:9.5px;color:var(--ink-2)}#lights{position:fixed;top:22%;left:50%;transform:translate(-50%);z-index:6;display:flex;gap:14px;padding:16px 22px;background:#08080ad9;border-radius:14px;border:1px solid var(--line)}#lights i{width:46px;height:46px;border-radius:50%;background:#2a0d0d;box-shadow:inset 0 0 0 3px #111;transition:background .05s}#lights i.on{background:radial-gradient(circle at 40% 35%,#ff6a5a,#e10600 60%,#7a0300);box-shadow:0 0 26px #e10600,inset 0 0 0 3px #111}.result{left:50%;top:50%;transform:translate(-50%,-50%);min-width:380px;padding:22px 26px;text-align:center;z-index:6}.r-title{font-weight:800;font-size:30px;letter-spacing:.08em}.r-grid{display:grid;grid-template-columns:1fr auto;gap:8px 26px;margin:16px 0 10px;font-family:var(--mono);text-align:left}.r-grid span{color:var(--ink-2);font-size:12px;letter-spacing:.1em}.r-grid b{font-size:18px;text-align:right}.r-grid .pole{color:var(--best)}.r-extra{font-family:var(--mono);font-size:13px;color:var(--ink)}.r-keys{margin-top:12px;font-family:var(--mono);font-size:10px;color:var(--ink-2)}@media (max-width: 760px){.brain,.trace-wrap,.pedals{display:none}.telemetry{bottom:70px}.controls{width:calc(100% - 24px);overflow-x:auto}}