:root{--font-display:"Barlow Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", "Liberation Sans Narrow", sans-serif;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;--surface:#0c0e11d1;--surface-strong:#0c0e11;--surface-soft:#1013179e;--line:#dce4eb24;--line-strong:#dce4eb47;--text:#e9edf0;--text-dim:#a3adb6;--text-faint:#75808a;--accent:#3cb6a6;--accent-ink:#062320;--warn:#f0b04a;--bad:#ef6a5a;--good:#7fd1a1;--radius:6px;--shadow:0 10px 40px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background:#07090b;margin:0;font-size:16px;line-height:1.4;overflow:hidden}#app{position:fixed;inset:0}#canvas-host,#canvas-host canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui-root{pointer-events:none;position:absolute;inset:0}#ui-root>*{pointer-events:auto}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{appearance:none;border-radius:var(--radius);border:1px solid var(--line-strong);min-width:44px;min-height:44px;color:var(--text);font:600 16px/1.1 var(--font-ui);letter-spacing:.01em;cursor:pointer;text-align:left;background:#ffffff0a;padding:10px 18px;transition:background .15s,border-color .15s,transform .15s}.btn:hover{background:#ffffff17;border-color:#e6ecf066}.btn:focus-visible,.tab:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:22px;font-weight:700}.btn-primary:hover{background:#4cc8b8;border-color:#4cc8b8}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.btn-stack{flex-direction:column;gap:8px;display:flex}.btn-stack .btn{width:100%}.kbd{border:1px solid var(--line-strong);min-width:26px;font:600 13px/1.5 var(--font-ui);color:var(--text);text-align:center;background:#ffffff0a;border-bottom-width:2px;border-radius:4px;padding:1px 7px;display:inline-block}.brand{align-items:center;gap:14px;display:flex}.brand svg{flex:none;width:56px;height:56px}.brand-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:40px;font-weight:700;line-height:.95}.brand-sub{font-family:var(--font-display);letter-spacing:.24em;white-space:nowrap;text-transform:uppercase;color:var(--text-dim);margin-top:4px;font-size:13px}.screen-loading{background:radial-gradient(at 50% 120%,#1a1d22 0%,#08090b 60%);place-items:center;display:grid;position:absolute;inset:0}.loading-card{flex-direction:column;gap:22px;width:min(460px,100vw - 32px);display:flex}.progress{background:#ffffff14;border-radius:2px;height:4px;overflow:hidden}.progress>div{background:var(--accent);width:0;height:100%;transition:width .25s ease-out}.loading-stage{color:var(--text-dim);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:14px;display:flex}.screen-menu{background:linear-gradient(90deg,#06080adb 0%,#06080a8c 34%,#06080a00 62%);align-items:stretch;display:flex;position:absolute;inset:0}.menu-panel{flex-direction:column;gap:22px;width:min(420px,100vw);max-height:100%;padding:40px 40px 28px;display:flex;overflow-y:auto}.menu-panel .btn-stack{max-width:300px}.btn.choice{text-align:center;grid-template-columns:44px 14px 1fr 14px;align-items:center;gap:6px;display:grid}.choice-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);text-align:left;font-size:11px}.choice-arrow{color:var(--accent);font-weight:700}.choice-value{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.choice-tagline{margin:-2px 0 2px;font-size:12px}.menu-meta{color:var(--text-faint);flex-direction:column;gap:6px;margin-top:auto;font-size:13px;display:flex}.menu-meta strong{color:var(--text-dim);font-weight:600}.legal-note{color:var(--text-faint);max-width:340px;font-size:13px}.chip{border:1px solid var(--line);color:var(--text-dim);border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;display:inline-flex}.overlay{background:#0405078c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.dialog{background:var(--surface-strong);border:1px solid var(--line);width:min(560px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:18px;padding:26px 28px;display:flex;overflow:auto}.dialog-wide{width:min(760px,100%)}.dialog h2{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:30px;font-weight:700}.dialog h3{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin:4px 0 0;font-size:13px}.dialog p{color:var(--text-dim);margin:0}.dialog-head{justify-content:space-between;align-items:center;gap:12px;display:flex}table.bindings{border-collapse:collapse;width:100%;font-size:15px}table.bindings th,table.bindings td{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px}table.bindings th{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:12px;font-weight:600}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;display:flex}.tab{appearance:none;min-height:44px;color:var(--text-dim);font:600 15px var(--font-ui);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 14px}.tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.settings-grid{grid-template-columns:minmax(150px,1fr) minmax(160px,1.3fr);align-items:center;gap:10px 18px;display:grid}.settings-grid label{color:var(--text);font-size:15px}.settings-grid .hint{color:var(--text-faint);grid-column:1/-1;margin-top:-6px;font-size:13px}select,input[type=range]{width:100%;min-height:44px}select{appearance:none;border-radius:var(--radius);border:1px solid var(--line-strong);color:var(--text);font:15px var(--font-ui);background:#14171b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a3adb6' fill='none' stroke-width='1.6'/%3E%3C/svg%3E") right 12px center no-repeat;padding:8px 34px 8px 12px}input[type=range]{accent-color:var(--accent)}.toggle{align-items:center;gap:10px;min-height:44px;display:flex}.toggle input{width:22px;height:22px;accent-color:var(--accent)}.range-wrap{align-items:center;gap:10px;display:flex}.range-wrap output{text-align:right;font-variant-numeric:tabular-nums;min-width:46px;color:var(--text-dim);font-size:14px}.hud{font-variant-numeric:tabular-nums;position:absolute;inset:0;pointer-events:none!important}.hud-plate{background:var(--surface-soft);text-shadow:0 1px 2px #000000b3;border:1px solid #ffffff0f;border-radius:8px}.hud-score{min-width:200px;padding:10px 14px;position:absolute;top:16px;left:16px}.hud-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:12px}.hud-score-value{font-family:var(--font-display);letter-spacing:.02em;font-size:34px;font-weight:700;line-height:1}.hud-mult{font:700 15px var(--font-display);letter-spacing:.06em;color:var(--accent-ink);background:var(--accent);vertical-align:6px;border-radius:4px;margin-left:8px;padding:1px 7px;display:inline-block}.hud-sub{color:var(--text-dim);margin-top:4px;font-size:13px}.hud-status{gap:6px;padding:6px;display:flex;position:absolute;top:16px;right:16px}.hud-status span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);background:#ffffff0a;border-radius:4px;padding:3px 9px;font-size:12px}.hud-status span.on{color:var(--text)}.hud-cluster{width:250px;padding:12px 16px 14px;position:absolute;bottom:18px;right:18px}.hud-tach{width:100%;height:auto;display:block}.hud-speed-block{flex-direction:column;align-items:center;margin-top:-96px;display:flex}.hud-speed{font-family:var(--font-display);letter-spacing:.01em;font-size:64px;font-weight:700;line-height:.9}.hud-unit{letter-spacing:.16em;color:var(--text-dim);text-transform:uppercase;margin-top:2px;font-size:13px}.hud-gear{font-family:var(--font-display);text-align:center;border:1px solid var(--line-strong);border-radius:6px;min-width:40px;padding:2px 8px;font-size:34px;font-weight:700;line-height:1}.hud-rpm{color:var(--text-dim);letter-spacing:.06em;justify-content:space-between;align-items:center;margin-top:8px;font-size:13px;display:flex}.hud-boost{align-items:center;gap:8px;margin-top:8px;display:flex}.hud-boost-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:11px}.hud-boost-track{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.hud-boost-fill{background:#6f8fa3;width:0;height:100%;transition:width .1s linear}.hud-boost.ready .hud-boost-fill{background:#5fb7ff}.hud-boost.on .hud-boost-fill{background:#9fe0ff;box-shadow:0 0 10px #5fb7ff}.hud-boost.on .hud-boost-label{color:#9fe0ff}.hud-wheelie{flex-direction:column;align-items:center;width:64px;height:160px;padding:10px 12px 26px;display:flex;position:absolute;bottom:18px;right:280px}.hud-wheelie .hud-label{position:absolute;bottom:8px}.hud-wheelie-track{background:#ffffff14;border-radius:6px;flex:1;width:12px;position:relative}.hud-wheelie-zone{border:1px solid var(--accent);background:#39b5a373;border-radius:4px;position:absolute;left:-3px;right:-3px}.hud-wheelie-mark{background:#e9edf0;border-radius:2px;height:4px;margin-bottom:-2px;position:absolute;left:-8px;right:-8px}.hud-wheelie-mark.over{background:#ef6a5a}.hud-center{flex-direction:column;align-items:center;gap:10px;width:min(560px,100vw - 32px);display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}.hud-warning{color:#ffd8d2;text-align:center;background:#140806d1;border:1px solid #ef6a5a99;border-radius:8px;align-items:center;gap:10px;padding:10px 18px;font-weight:600;display:flex}.hud-warning .icon{font-family:var(--font-display);background:var(--bad);color:#1b0603;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-weight:700;display:grid}.countdown{font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 4px 24px #0009;place-items:center;font-size:120px;font-weight:700;display:grid;position:absolute;inset:0;pointer-events:none!important}.toasts{flex-direction:column;align-items:center;gap:6px;width:min(480px,100vw - 32px);display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{background:var(--surface);border:1px solid var(--line);border-radius:6px;align-items:center;gap:10px;padding:7px 14px;font-size:15px;font-weight:600;transition:opacity .4s;animation:.18s ease-out toast-in;display:flex}.toast .tag{font:700 12px var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:#ffffff1a;border-radius:3px;padding:2px 6px}.toast.good .tag{background:var(--accent);color:var(--accent-ink)}.toast.warn .tag{background:var(--warn);color:#2a1a00}.toast.bad .tag{background:var(--bad);color:#1b0603}.toast.fade{opacity:0}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}.diagnostics{color:#cfd8de;border:1px solid var(--line);white-space:pre;background:#06080adb;border-radius:6px;min-width:300px;padding:10px 12px;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;top:120px;left:16px;pointer-events:none!important}.error-card{border-color:#ef6a5a66}.error-detail{color:var(--text-faint);overflow-wrap:anywhere;background:#ffffff08;border-radius:4px;padding:8px 10px;font:13px ui-monospace,Menlo,Consolas,monospace}@media (max-width:720px){.menu-panel{padding:28px 16px 20px}.screen-menu{background:#06080ab8}.brand-title{font-size:32px}.hud-cluster{width:200px;bottom:10px;right:10px}.hud-wheelie{height:130px;bottom:10px;right:220px}.hud-speed{font-size:48px}.hud-speed-block{margin-top:-78px}.hud-score{min-width:150px;top:10px;left:10px}.hud-status{flex-wrap:wrap;max-width:calc(100vw - 230px);inset:auto auto 10px 10px}.settings-grid{grid-template-columns:1fr}.dialog{padding:20px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.mp-body{flex-direction:column;gap:10px;margin-top:14px;display:flex}.mp-row{flex-wrap:wrap;align-items:center;gap:10px;min-height:40px;display:flex}.mp-row strong,.mp-row>span:not(.mp-dot):not(.mp-label){overflow-wrap:anywhere}.mp-label{letter-spacing:.14em;text-transform:uppercase;width:44px;color:var(--text-faint);font-size:11px}.mp-dim{color:var(--text-faint);font-size:13px}.mp-note{color:var(--text-dim);font-size:13px}.mp-input{border-radius:var(--radius);border:1px solid var(--line-strong);min-width:140px;min-height:40px;color:var(--text);font:inherit;background:#ffffff0a;flex:1;padding:6px 10px}.mp-search{width:100%}.mp-code{border-radius:var(--radius);color:var(--text);-webkit-user-select:all;user-select:all;background:#3cb6a624;padding:6px 10px;font:600 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.mp-dot{background:#4a525a;border-radius:50%;flex:none;width:9px;height:9px}.mp-dot.on{background:var(--good)}.mp-members{flex-direction:column;display:flex}.btn-quiet{color:var(--text-faint);background:0 0;border-color:#0000;margin-left:auto}.mp-invite{border:1px solid var(--accent);border-radius:var(--radius);padding:6px 10px}.hud-players{font-variant-numeric:tabular-nums;min-width:200px;padding:8px 12px;font-size:13px;position:absolute;top:128px;left:18px}.hud-players .hud-label{margin-bottom:4px}.hud-player{color:var(--text-dim);grid-template-columns:1fr auto auto;gap:10px;display:grid}.hud-player.me{color:var(--text)}.hud-player .ping{color:var(--text-faint);text-align:right;min-width:52px}.invite-banner{background:var(--surface-strong);border:1px solid var(--accent);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 10px 8px 14px;display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%)}@media (max-width:720px){.hud-players{min-width:160px;top:100px;left:10px}}.hud-minimap{pointer-events:none;width:180px;height:180px;padding:4px;position:absolute;bottom:18px;left:18px}.hud-minimap-canvas{width:100%;height:100%;display:block}@media (max-width:720px){.hud-minimap{width:130px;height:130px;bottom:52px;left:10px}}.hud-focus{margin-top:4px}.hud-focus .hud-boost-fill{background:#9a8cff}.hud-focus.on .hud-boost-fill{background:#c7bdff;box-shadow:0 0 10px #9a8cff}.hud-focus.on .hud-boost-label{color:#c7bdff}.slowmo-vignette{opacity:0;background:radial-gradient(#281e5a00 55%,#1e16508c 100%);position:absolute;inset:0;pointer-events:none!important}.save-panel p{margin:0 0 .6rem}.save-code{box-sizing:border-box;width:100%;color:inherit;resize:vertical;word-break:break-all;background:#00000059;border:1px solid #ffffff2e;border-radius:8px;padding:.5rem;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}