:root{font-family:Arial,Helvetica,sans-serif;color:#f4f7fa;background:#90b9cc;font-synthesis:none;--acid: #dfff00;--panel: #101615e8}*{box-sizing:border-box;letter-spacing:0}body{margin:0;overflow:hidden}#scene{display:block;width:100%;height:100dvh}#delta{position:absolute;top:max(150px,24%);left:50%;transform:translate(-50%);width:210px;text-align:center;pointer-events:none;color:#fff;text-shadow:0 2px 5px #000,0 0 16px #0009}#delta small{display:block;font-size:10px;font-weight:700}#delta strong{display:block;font:700 40px/1.2 monospace;font-variant-numeric:tabular-nums}#delta[data-state=ahead]{color:#68ff9a}#delta[data-state=behind]{color:#ff746b}#delta[data-state=empty]{opacity:.65}button{font:inherit;cursor:pointer;touch-action:none;border:1px solid #ffffff30;color:inherit;background:var(--panel);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:44px;min-height:44px}button:hover,button:focus-visible{border-color:var(--acid);outline:none}button:active,button.active{background:var(--acid);color:#101615}button svg{width:20px;height:20px}.hud{z-index:2;position:absolute;inset:28px 32px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;pointer-events:none}.brand{display:grid;grid-template-columns:12px auto;gap:0 10px;align-items:center;text-shadow:0 2px 8px #0008}.brand strong{font-size:36px;font-style:italic;line-height:1}.brand-mark{width:12px;height:24px;background:var(--acid)}.brand small{grid-column:2;font-size:10px;font-weight:700;margin-top:7px}.timing{display:flex;background:var(--panel);border-top:2px solid var(--acid);padding:15px 20px;gap:24px}.timing>div{display:flex;flex-direction:column;gap:6px}.timing small{font-size:10px;color:#b8c5c6}.timing strong{font:600 21px monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.timing>div:first-child strong{color:var(--acid)}nav{display:flex;gap:6px;pointer-events:auto}.dashboard{position:absolute;bottom:26px;left:30px;right:30px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}#map{width:180px;height:130px;filter:drop-shadow(0 1px 3px #0008)}.speed{text-align:right;text-shadow:0 2px 7px #0007;min-width:110px}.speed strong{font-size:70px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.speed span{display:block;font-size:11px;font-weight:700;margin-top:6px}.telemetry{background:var(--panel);padding:10px 15px;min-width:210px;border-left:2px solid var(--acid);font:11px monospace}.tire-temperatures{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:10px}.tire-temperatures span{display:grid;gap:4px}.tire-temperatures strong{font-size:13px;font-variant-numeric:tabular-nums}.pedals{display:flex;align-items:center;gap:8px;margin-top:8px;color:#bcc4c5}meter{width:65px;height:6px}meter::-webkit-meter-bar{background:#444;border:0}meter::-webkit-meter-optimum-value{background:var(--acid)}#brake::-webkit-meter-optimum-value{background:#ff7565}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#08141338}#overlay.hidden{display:none}.start-copy{text-align:center;text-shadow:0 2px 18px #0006}.session{font:12px monospace;color:var(--acid)}h1{font-size:54px;line-height:1.1;margin:16px 0}#session-state{font:12px monospace;margin:0 0 28px}#start{background:var(--acid);color:#131911;border:none;padding:15px 30px;font-weight:700;min-width:180px;text-shadow:none}#notice{position:absolute;top:140px;left:50%;transform:translate(-50%);background:var(--panel);font:13px monospace;padding:10px 18px;border-radius:3px;opacity:0;transition:opacity .2s;white-space:nowrap}#notice.visible{opacity:1}.touch-controls{display:none;position:absolute;bottom:18px;left:16px;right:16px;justify-content:space-between;align-items:flex-end;gap:10px}.touch-controls>div{display:flex;gap:6px}.touch-controls .lean-controls{display:grid;grid-template-columns:repeat(3,32px);gap:3px}.lean-controls button{min-width:32px;min-height:30px;font:11px monospace}.touch-controls>div>button:not(.lean-controls button){width:52px;height:55px}@media(pointer:coarse){.touch-controls{display:flex}.dashboard{bottom:108px}#overlay:not(.hidden)~.touch-controls{display:none}}@media(max-width:700px){.hud{inset:16px;gap:10px;flex-wrap:wrap}.brand strong{font-size:27px}.brand small{font-size:8px}.timing{order:3;width:100%;justify-content:space-between;padding:10px 14px;gap:12px}.timing strong{font-size:18px}.timing small{font-size:9px}nav{margin-left:auto}.dashboard{left:16px;right:16px}#map{width:115px;height:90px}.telemetry{min-width:134px;width:134px;white-space:nowrap;padding:8px;font-size:9px}.pedals{gap:4px}meter{width:33px}.speed{min-width:65px}.speed strong{font-size:44px}h1{font-size:38px}#notice{top:150px;max-width:95%;white-space:normal;text-align:center}}@media(max-width:380px){nav{gap:4px}nav button{min-width:38px}#map{width:78px;height:65px}.touch-controls{left:8px;right:8px;gap:4px}.touch-controls>div{gap:3px}.touch-controls>div>button:not(.lean-controls button){width:44px}.touch-controls .lean-controls{grid-template-columns:repeat(3,28px)}.lean-controls button{min-width:28px}}@media(max-width:700px){.hud{inset:16px 16px auto;align-content:flex-start}}.demo-pairing{margin:16px 0;padding:12px;background:#081427d9;border:1px solid #233b50;border-radius:12px}.demo-pairing #pair-code{display:block;color:#00d9ef;font-size:24px;letter-spacing:.2em;padding:8px}.demo-pairing button{font-size:13px;padding:10px 14px}.demo-pairing p{font-size:13px;max-width:340px}body:has(#overlay:not(.hidden)) #delta{visibility:hidden}#overlay{z-index:10;background:#050b13b8;overflow-y:auto;padding:24px}#overlay h1{font-size:clamp(28px,5vh,48px);margin:10px 0}#overlay #session-state{margin-bottom:14px}#pair-qr{width:128px;height:128px}