*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:#e8ecf1;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#0f1420;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.app,canvas{width:100%;height:100%;display:block}.overlay{z-index:10;pointer-events:none;position:fixed}.overlay--top-left{top:12px;left:12px}.overlay--top-right{top:12px;right:12px}.overlay--bottom-left{bottom:16px;left:16px}.overlay--bottom-right{bottom:16px;right:16px}.overlay--top-center{top:12px;left:50%;transform:translate(-50%)}.overlay--chips{top:52px;left:50%;transform:translate(-50%)}.overlay button{pointer-events:auto}.mode-switcher{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1420b8;border:1px solid #ffffff1f;border-radius:10px;gap:6px;padding:6px;display:flex}.mode-switcher button{font:inherit;color:#cfd6de;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 10px;font-size:13px}.mode-switcher button:hover{background:#ffffff14}.mode-switcher button.is-active{color:#fff;background:#2f6fd0}.mode-switcher__reset{color:#f0a35a;border-color:#ffffff24!important}.hud{font-variant-numeric:tabular-nums;flex-direction:column;gap:8px;display:flex}.hud__speed{text-shadow:0 2px 8px #0009;align-items:baseline;gap:6px;display:flex}.hud__speed-value{font-size:54px;font-weight:700;line-height:1}.hud__speed-unit{opacity:.7;font-size:15px}.hud__cluster{align-items:center;gap:12px;display:flex}.hud__gear{text-shadow:0 2px 8px #000000b3;background:#0006;border:2px solid #ffffff59;border-radius:12px;justify-content:center;align-items:center;width:58px;height:58px;font-size:40px;font-weight:800;line-height:1;display:flex}.hud__rpm{background:#ffffff24;border-radius:5px;width:210px;height:8px;overflow:hidden}.hud__rpm-fill{background:linear-gradient(90deg,#43d675 0%,#efe14a 62%,#e8402e 90%);height:100%;transition:width 80ms linear}.hud__pedals{gap:6px;display:flex}.hud__pedal{background:#ffffff24;border-radius:4px;width:12px;height:46px;position:relative;overflow:hidden}.hud__pedal-fill{width:100%;position:absolute;bottom:0;left:0}.hud__pedal-fill--throttle{background:#43d675}.hud__pedal-fill--brake{background:#e8402e}.hud__warn{letter-spacing:.08em;color:#ffce54;background:#00000073;border-radius:5px;align-self:flex-start;padding:3px 8px;font-size:13px;font-weight:700}.hud-timing{font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #000c;flex-direction:column;align-items:flex-end;gap:3px;font-size:13px;display:flex}.hud-timing__lap{letter-spacing:.06em;font-size:16px;font-weight:800}.hud-timing__row{opacity:.9;gap:10px;display:flex}.hud-timing__row span:first-child{opacity:.55;text-align:left;min-width:34px}.hud-timing__row--best{color:#b9a6ff}.hud-timing__cur{color:#fff;font-weight:700}.hud__delta{min-height:18px;font-size:15px;font-weight:800}.hud__delta.is-ahead{color:#43d675}.hud__delta.is-behind{color:#ff6a5a}.minimap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e1699;border:1px solid #ffffff2e;border-radius:10px;margin-top:8px}.tod-picker{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#0e1420b8;border:1px solid #ffffff1f;border-radius:10px;gap:4px;padding:5px;display:flex}.tod-picker button{font:inherit;color:#cfd6de;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:5px 10px;font-size:12px}.tod-picker button:hover{background:#ffffff14}.tod-picker button.is-active{color:#0b0f16;background:#e6c15a}.hud-chips{gap:6px;display:flex}.chip{letter-spacing:.03em;text-transform:capitalize;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e1699;border:1px solid #ffffff24;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.chip--on{color:#0b0f16;background:#7fd4a0;border-color:#0000}.chip--btn{font:inherit;letter-spacing:.03em;color:#cfd6de;cursor:pointer;pointer-events:auto;font-size:11px;font-weight:600}.chip--btn.chip--on{color:#0b0f16}.chip--btn:hover{border-color:#ffffff59}.race-banner{z-index:20;letter-spacing:.12em;color:#fff;text-shadow:0 4px 24px #000c;pointer-events:none;font-size:46px;font-weight:900;position:fixed;top:34%;left:50%;transform:translate(-50%,-50%)}.race-banner--go{color:#43ff7d;font-size:84px;animation:.25s ease-out banner-pop}.race-banner--record{color:#ffd24a}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.help-toggle{pointer-events:auto;font:inherit;letter-spacing:.03em;color:#cfd6de;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e1699;border:1px solid #ffffff24;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.help-toggle:hover{border-color:#ffffff59}.help{text-align:right;opacity:.85;text-shadow:0 1px 4px #000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e168c;border:1px solid #ffffff1f;border-radius:10px;margin-top:6px;padding:8px 12px;font-size:12px;line-height:1.7}kbd{font:inherit;background:#ffffff1f;border:1px solid #ffffff2e;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:11px}