:root{background:#adcee0;color-scheme:dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#adcee0;user-select:none}canvas.webgl{position:fixed;inset:0;display:block;width:100%;height:100%;outline:none}.debug-overlay{position:fixed;top:14px;right:14px;z-index:4;width:min(360px,calc(100vw - 28px));border-top:3px solid #00e5ff;background:#0b1619e0;color:#eef7f4f0;box-shadow:0 12px 36px #0a131438;backdrop-filter:blur(8px);pointer-events:none;font:500 10px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.055em;text-transform:uppercase}.debug-overlay[data-debug-page="3"]{width:min(540px,calc(100vw - 28px))}.debug-overlay[hidden],.debug-page[hidden]{display:none}.debug-overlay header,.debug-overlay footer{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid rgba(205,239,235,.15);color:#cddddb99}.debug-overlay header strong{color:#00e5ff;font-weight:700}.debug-overlay header b{color:#eef7f4eb;font-weight:600}.debug-coordinates{display:grid;grid-template-columns:1fr auto;gap:4px 16px;margin:0;padding:12px 14px;border-bottom:1px solid rgba(205,239,235,.15)}.debug-coordinates dt{color:#cddddb8f}.debug-coordinates dd{margin:0;color:#f4f7ef;text-align:right;font-variant-numeric:tabular-nums}.debug-page{padding:12px 14px 14px}.debug-kicker,.debug-counts,.debug-note{margin:0}.vehicle-debug-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.vehicle-debug-summary span{padding:7px 5px;border:1px solid rgba(205,239,235,.12);color:#cddddb85;text-align:center}.vehicle-debug-summary b{color:#f4f7ef;font-variant-numeric:tabular-nums}.vehicle-debug-layout{display:grid;grid-template-columns:1fr 126px;gap:10px}.vehicle-wheel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vehicle-wheel{min-width:0;padding:8px;border:1px solid rgba(205,239,235,.13);background:#ffffff06}.vehicle-wheel>header{display:flex;justify-content:space-between;padding:0 0 6px;border:0;color:#00e5ff}.vehicle-wheel>header span{color:#73e096;font-size:8px}.vehicle-wheel>header span[data-active=false]{color:#ff6a70}.wheel-visual{position:relative;height:34px;margin-bottom:5px;border:1px solid rgba(205,239,235,.09);background:linear-gradient(90deg,transparent 49.5%,rgba(244,247,239,.16) 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(244,247,239,.1) 50%,transparent 50.5%)}.wheel-slip-angle{position:absolute;left:50%;top:50%;width:2px;height:14px;transform-origin:50% 100%;background:#00e5ff;box-shadow:0 0 6px #00e5ffb3}.wheel-slip-ratio{position:absolute;left:8px;right:8px;bottom:4px;height:3px;background:#f4f7ef14}.wheel-slip-ratio:after{position:absolute;left:50%;top:-2px;width:1px;height:7px;background:#f4f7ef7a;content:""}.wheel-slip-ratio i{position:absolute;left:50%;width:0;height:100%;background:#ffad33}.vehicle-wheel dl{display:grid;grid-template-columns:1fr auto;gap:2px 7px;margin:0;color:#cddddb7a;font-size:8px}.vehicle-wheel dd{margin:0;color:#f4f7efd6;text-align:right;font-variant-numeric:tabular-nums}.vehicle-g-meter{display:flex;flex-direction:column;align-items:center;padding:8px;border:1px solid rgba(205,239,235,.13)}.vehicle-g-meter p{margin:0 0 8px;color:#cddddb7a;font-size:8px;text-align:center}.g-circle{position:relative;width:100px;height:100px;border:1px solid rgba(0,229,255,.35);border-radius:50%;background:linear-gradient(90deg,transparent 49.5%,rgba(244,247,239,.12) 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(244,247,239,.12) 50%,transparent 50.5%)}.g-circle b,.g-trail{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#ffad33;box-shadow:0 0 8px #ffad33bf;transform:translate(-50%,-50%)}.g-trail{width:4px;height:4px;background:#00e5ff;box-shadow:none}.vehicle-g-meter>span{margin-top:8px;color:#f4f7efbf;font-size:8px;font-variant-numeric:tabular-nums}.telemetry-status{position:fixed;left:12px;bottom:10px;z-index:5;padding:6px 9px;border-left:2px solid #ff4d5f;background:#0b1619d1;color:#f4f7efd1;font:500 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em;text-transform:uppercase}.debug-kicker{margin-bottom:9px;color:#cddddb7a;font-size:9px}.debug-legend{display:flex;flex-wrap:wrap;gap:7px 14px}.debug-legend-grid{display:grid;grid-template-columns:1fr 1fr}.debug-node-legend{margin-top:9px;padding-top:9px;border-top:1px solid rgba(205,239,235,.1)}.debug-legend span{display:flex;align-items:center;min-width:0;color:#eef7f4cc}.debug-legend i{width:13px;height:3px;margin-right:7px;background:var(--swatch);box-shadow:0 0 7px color-mix(in srgb,var(--swatch) 65%,transparent)}.debug-node-legend i{width:6px;height:6px}.debug-counts{margin-top:12px;color:#cddddb94}.debug-counts span{color:#f4f7ef;font-variant-numeric:tabular-nums}.debug-note{margin-top:10px;color:#cddddb7a;font-size:9px;line-height:1.5;text-transform:none}.debug-overlay footer{border-top:1px solid rgba(205,239,235,.15);border-bottom:0;color:#cddddb6b;font-size:9px}@media(max-width:620px){.debug-overlay{top:8px;right:8px;width:min(320px,calc(100vw - 16px))}.debug-overlay[data-debug-page="3"]{width:calc(100vw - 16px)}.vehicle-debug-layout{grid-template-columns:1fr}.vehicle-g-meter{display:none}}.source-credit{position:fixed;right:6px;bottom:4px;z-index:2;display:flex;gap:4px;color:#ffffff6b;font:400 8px/1.2 system-ui,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.45);pointer-events:auto}.source-credit a{color:inherit;text-decoration:none}.source-credit:hover{color:#fffc}