:root{--sp-bg:#02030a;--sp-bg-deep:#050816;--sp-surface:#080c22eb;--sp-surface-2:#0d1434e0;--sp-surface-hover:#4dd2ff1f;--sp-line:#78a0ff47;--sp-line-strong:#78a0ff8c;--sp-fg:#cfe3ff;--sp-fg-strong:#fff;--sp-fg-dim:#cfe3ffa3;--sp-fg-faint:#cfe3ff38;--sp-accent:#4dd2ff;--sp-accent-soft:#4dd2ff29;--sp-accent-glow:#4dd2ff59;--sp-amber:#ffd166;--sp-orange:#ff9f43;--sp-warn:#ff5a50;--sp-ok:#6dff8b;--sp-gold:#ffd166;--sp-silver:#c9d6ea;--sp-bronze:#d9925a;--sp-backdrop:#02030aa8;--sp-font:ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sp-font-size:clamp(14px, calc(.47vw + 9px), 18px);--sp-font-small:.8em;--sp-font-title:1.6em;--sp-letter:.08em;--sp-space-1:4px;--sp-space-2:8px;--sp-space-3:12px;--sp-space-4:16px;--sp-space-5:24px;--sp-space-6:32px;--sp-space-7:48px;--sp-radius:12px;--sp-radius-sm:7px;--sp-touch:44px;--sp-duration:.18s;--sp-ease:cubic-bezier(.2, .7, .2, 1);--sp-hud-scale:.75}@media (prefers-reduced-motion:reduce){:root{--sp-duration:0s}}.sp-reduced-motion{--sp-duration:0s}.sp-hud{--hud-fg:var(--sp-fg);--hud-dim:var(--sp-fg-faint);--hud-bg:#060918b8;--hud-line:var(--sp-line);--speed:var(--sp-amber);--fuel:var(--sp-orange);--oxygen:var(--sp-accent);--lamp:var(--sp-ok);--warn:var(--sp-warn);inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);pointer-events:none;font:13px/1.35 var(--sp-font);color:var(--hud-fg);position:absolute}.sp-hud[hidden],.sp-hud [hidden]{display:none!important}.hud-top-stack{display:contents}.hud-run-mode{color:var(--sp-accent);white-space:normal;grid-column:1/-1;font-size:11px;line-height:1.4}.hud-top-controls{display:none}.sp-hud .hud-title{letter-spacing:.08em;opacity:.6;scale:var(--sp-hud-scale);transform-origin:0 0;font-size:11px;position:absolute;top:14px;left:16px}.sp-hud .hud-progress{width:min(420px,100vw - 340px);min-width:180px;translate:-50%;scale:var(--sp-hud-scale);transform-origin:top;position:absolute;top:10px;left:50%}.sp-hud .hud-progress-head{letter-spacing:.08em;text-transform:uppercase;opacity:.85;justify-content:space-between;gap:12px;font-size:11px;display:flex}.sp-hud .hud-progress-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-hud .hud-progress-track{background:var(--hud-dim);border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.sp-hud .hud-progress-fill{background:linear-gradient(90deg, var(--oxygen), var(--speed));transform-origin:0;height:100%;transform:scaleX(0)}.sp-hud .hud-timer{background:var(--hud-bg);border:1px solid var(--hud-line);scale:var(--sp-hud-scale);transform-origin:100% 0;border-radius:10px;flex-direction:column;align-items:flex-end;gap:2px;padding:6px 12px;display:flex;position:absolute;top:10px;right:16px}.sp-hud .hud-time{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:18px}.sp-hud .hud-split{font-variant-numeric:tabular-nums;font-size:13px}.sp-hud .hud-split[data-sign=ahead]{color:var(--lamp)}.sp-hud .hud-split[data-sign=behind]{color:var(--warn)}.sp-hud .hud-split[data-sign=even]{opacity:.7}.sp-hud .hud-skydash{top:calc(10px + 36px * var(--sp-hud-scale,1));width:min(320px, calc((100vw - 32px) / var(--sp-hud-scale,1)));box-sizing:border-box;border:1px solid var(--lamp);background:var(--hud-bg);color:var(--hud-fg);font-variant-numeric:tabular-nums;pointer-events:none;translate:-50%;scale:var(--sp-hud-scale,1);transform-origin:top;border-radius:6px;padding:7px 10px;font-size:11px;line-height:1.35;position:absolute;left:50%}.sp-hud .hud-skydash-head,.sp-hud .hud-skydash-readout{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;display:flex}.sp-hud .hud-skydash-title,.sp-hud .hud-skydash-chain{color:var(--lamp);font-weight:700}.sp-hud .hud-skydash-bonus{color:var(--speed)}.sp-hud .hud-skydash-readout{margin-top:3px}.sp-hud .hud-skydash-track{background:var(--hud-dim);border-radius:2px;height:3px;margin-top:5px;overflow:hidden}.sp-hud .hud-skydash-fill{background:var(--lamp);transform-origin:0;height:100%;transition:none;animation:none;transform:scaleX(0)}.sp-hud .hud-debug{background:var(--hud-bg);border:1px solid var(--hud-line);border-radius:6px;margin:0;padding:6px 10px;font-size:11px;position:absolute;top:74px;right:16px}.sp-hud .hud-status{text-align:center;background:var(--hud-bg);border:1px solid var(--hud-line);translate:-50% -50%;scale:var(--sp-hud-scale);border-radius:10px;padding:14px 28px;position:absolute;top:34%;left:50%}.sp-hud .hud-status-text{letter-spacing:.06em;font-size:24px}.sp-hud .hud-status[data-kind=dead] .hud-status-text{color:#ff7a6b}.sp-hud .hud-status[data-kind=complete] .hud-status-text,.sp-hud .hud-status[data-kind=finish] .hud-status-text{color:var(--lamp)}.sp-hud .hud-status-hint{opacity:.75;margin-top:6px;font-size:12px}.sp-hud .hud-status-hint:empty{display:none}.sp-hud .hud-status[data-kind^=hint\:]{top:max(2px, env(safe-area-inset-top));background:#050f1ce0;border-radius:5px;width:min(680px,100vw - 24px);padding:5px 10px;left:50%;translate:-50%;scale:1}.sp-hud .hud-status[data-kind^=hint\:] .hud-status-text{letter-spacing:0;font-size:clamp(11px,1.5vw,15px);line-height:1.35}.sp-hud .hud-status[data-recall=true]{box-sizing:border-box;grid-template-columns:minmax(0,1fr) 44px;align-items:center;column-gap:8px;min-height:44px;display:grid}.sp-hud .hud-status[data-recall=true] .hud-status-text,.sp-hud .hud-status[data-recall=true] .hud-status-hint{grid-column:1}.sp-hud .hud-tutorial-recall{border:1px solid var(--hud-line);background:var(--hud-bg);min-width:44px;min-height:44px;color:var(--hud-fg);font:inherit;cursor:pointer;pointer-events:auto;border-radius:5px;grid-area:1/2/span 2;padding:4px;font-size:18px}.sp-hud .hud-tutorial-recall:focus-visible{outline:2px solid var(--speed);outline-offset:2px}.sp-hud:has(.hud-status[data-kind^=hint\:]:not([hidden])) .hud-progress{top:64px}.sp-hud:has(.hud-status[data-kind^=hint\:]:not([hidden])) .hud-skydash{top:calc(64px + 70px * var(--sp-hud-scale,1))}.sp-hud .hud-dash{background:var(--hud-bg);border:1px solid var(--hud-line);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);scale:var(--sp-hud-scale);border-radius:12px;flex-direction:column;gap:6px;padding:10px 14px;display:flex;position:absolute;bottom:14px}.sp-hud .hud-dash-left{transform-origin:0 100%;left:14px}.sp-hud .hud-dash-right{transform-origin:100% 100%;min-width:96px;right:14px}.sp-hud .hud-gauge{align-items:center;gap:8px;display:flex}.sp-hud .hud-label{letter-spacing:.12em;opacity:.7;min-width:34px;font-size:10px}.sp-hud .hud-segments{gap:2px;display:flex}.sp-hud .hud-seg{background:var(--hud-dim);border-radius:2px;width:9px;height:10px}.sp-hud .hud-speed .hud-seg{width:6px;height:18px}.sp-hud .hud-speed .hud-seg.on{background:var(--speed);box-shadow:0 0 6px #ffd16673}.sp-hud .hud-fuel .hud-seg.on{background:var(--fuel)}.sp-hud .hud-oxygen .hud-seg.on{background:var(--oxygen)}.sp-hud .hud-gauge.warn .hud-label{color:var(--warn);opacity:1}.sp-hud .hud-gauge.warn .hud-seg.on{background:var(--warn);box-shadow:0 0 6px #ff5a508c}.sp-hud .hud-gauge.warn.dim .hud-seg.on{box-shadow:none;background:#ff5a5040}.sp-hud .hud-gauge.warn.dim .hud-label{opacity:.45}.sp-hud .hud-grav{align-items:baseline;gap:8px;display:flex}.sp-hud .hud-grav-value{font-size:16px}.sp-hud .hud-ap{align-items:center;gap:8px;display:flex}.sp-hud .hud-lamp{background:var(--hud-dim);border-radius:50%;width:10px;height:10px}.sp-hud .hud-lamp.on{background:var(--lamp);box-shadow:0 0 8px var(--lamp)}@media (min-width:1800px){.sp-hud{font-size:15px}.sp-hud .hud-dash,.sp-hud .hud-timer,.sp-hud .hud-progress{scale:calc(var(--sp-hud-scale) * 1.25)}.sp-hud .hud-skydash{top:calc(10px + 36px * var(--sp-hud-scale,1) * 1.25);scale:calc(var(--sp-hud-scale,1) * 1.25)}}@media not (min-width:960px){.sp-hud .hud-speed .hud-seg{width:4px}}@media not (min-width:720px){.sp-hud .hud-speed .hud-seg{width:3px}.sp-hud .hud-seg{width:6px}.sp-hud .hud-progress{width:calc(100vw - 32px);top:44px}.sp-hud .hud-skydash{top:calc(44px + 36px * var(--sp-hud-scale,1))}}.sp-hud .hud-eyebrow,.sp-hud .hud-speed-readout{display:none}.sp-hud.hud-modern{--hud-fg:#e9f4ff;--hud-dim:#77a6cc29;--hud-bg:#081322db;--hud-line:#a0cfee33;--speed:#81edff;--oxygen:#81edff;--fuel:#f5c487;font-family:Inter,Segoe UI,system-ui,sans-serif}.hud-modern .hud-eyebrow{color:#9fb2c9;letter-spacing:.2em;font-size:9px;font-weight:600;display:block}.hud-modern .hud-dash,.hud-modern .hud-timer,.hud-modern .hud-progress,.hud-modern .hud-status{background:linear-gradient(135deg, #15273af0, var(--hud-bg));border:1px solid var(--hud-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:5px;box-shadow:inset 0 1px #ffffff0d,0 8px 32px #0000003d}.hud-modern .hud-skydash{top:calc(22px + 70px * var(--sp-hud-scale,1));background:linear-gradient(135deg, #15273af0, var(--hud-bg));border-radius:5px}@media (min-width:1800px){.hud-modern .hud-skydash{top:calc(22px + 70px * var(--sp-hud-scale,1) * 1.25)}}.hud-modern .hud-progress{box-sizing:border-box;width:min(390px,100vw - 420px);padding:12px 16px;top:22px}.hud-modern .hud-progress-head{letter-spacing:.14em;font-size:10px;font-weight:600}.hud-modern .hud-progress-value{color:var(--speed);font-variant-numeric:tabular-nums}.hud-modern .hud-progress-track{height:2px;margin-top:10px}.hud-modern .hud-progress-fill{background:var(--speed);box-shadow:0 0 8px #81edff80}.hud-modern .hud-title{max-width:190px;line-height:1.7;top:30px;left:24px}.hud-modern .hud-timer{gap:5px;min-width:126px;padding:10px 16px;top:22px;right:24px}.hud-modern .hud-time{letter-spacing:.04em;font-size:22px;font-weight:500}.hud-modern .hud-dash{border-top:2px solid #81edffa6;gap:10px;padding:16px 18px;bottom:24px}.hud-modern .hud-dash-left{left:24px}.hud-modern .hud-dash-right{min-width:132px;right:24px}.hud-modern .hud-speed-readout{align-items:baseline;gap:5px;display:flex}.hud-modern .hud-velocity{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:46px;font-weight:300;line-height:1}.sp-hud .hud-velocity.hud-velocity-over-nominal{color:var(--warn)}.hud-modern .hud-velocity-unit{color:var(--speed);font-size:13px}.hud-modern .hud-velocity-label{color:#9fb2c9;letter-spacing:.15em;margin-left:auto;font-size:9px}.hud-modern .hud-speed>.hud-label{display:none}.hud-modern .hud-label{letter-spacing:.12em;min-width:72px;font-size:9px}.hud-modern .hud-speed .hud-seg{border-radius:1px;width:5px;height:6px}.hud-modern .hud-speed .hud-seg.on{box-shadow:none}.hud-modern .hud-seg{border-radius:1px;width:10px;height:4px}.hud-modern .hud-lamp{width:6px;height:6px}.hud-modern .hud-status{border-top:2px solid var(--speed);padding:20px 32px}@media not (min-width:720px){.hud-modern .hud-progress{width:calc(100vw - 48px);min-width:0;top:88px}.hud-modern .hud-skydash{top:calc(88px + 64px * var(--sp-hud-scale,1))}.hud-modern .hud-title{max-width:140px;font-size:9px}.hud-modern .hud-dash{padding:10px 12px;bottom:16px}.hud-modern .hud-dash-left{left:12px}.hud-modern .hud-dash-right{min-width:72px;right:12px}.hud-modern .hud-label{min-width:58px;font-size:8px}.hud-modern .hud-speed .hud-seg{gap:1px;width:3px}.hud-modern .hud-velocity{font-size:32px}.hud-modern .hud-velocity-label{display:none}.hud-modern .hud-seg{width:6px}}@media (max-width:719px),(pointer:coarse),(max-width:1000px) and (max-height:500px){#app .sp-hud .hud-top-stack>.hud-skydash{width:100%;padding:5px 8px;font-size:10px;top:calc(100% + 6px);left:0;translate:none;scale:1}}@media not (min-width:520px){.hud-modern .hud-speed .hud-segments{gap:1px}.hud-modern .hud-dash-right{bottom:calc(16px + clamp(0px, (var(--sp-hud-scale) - 1) * 10000px, var(--sp-hud-scale) * 160px))}}.sp-hud .hud-status[data-kind=tutorial\:recall]{top:calc(12px + var(--sp-telemetry-height,135px) * var(--sp-hud-scale));width:44px;min-height:44px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:44px;gap:0;padding:0;left:8px;right:auto;translate:none;scale:1}.sp-hud .hud-status[data-kind=tutorial\:recall] .hud-status-text,.sp-hud .hud-status[data-kind=tutorial\:recall] .hud-status-hint{display:none}.sp-hud .hud-status[data-kind=tutorial\:recall] .hud-tutorial-recall{grid-area:1/1}@media (max-width:719px) and (orientation:landscape),(pointer:coarse) and (orientation:landscape),(max-width:1000px) and (max-height:500px) and (orientation:landscape){.sp-hud .hud-status[data-kind=tutorial\:recall]{top:max(2px, env(safe-area-inset-top));left:50%;translate:-50%}#app:has(.hud-status[data-kind^=hint\:][data-recall=true]:not([hidden])){--sp-mobile-tutorial-strip-height:52px}#app:has(.hud-status[data-kind^=hint\:]:not([hidden])) .sp-hud .hud-status[data-kind^=hint\:][data-recall=true]{display:grid}}.sp-host{zoom:var(--sp-menu-scale,1);z-index:10;pointer-events:none;font-family:var(--sp-font);font-size:var(--sp-font-size);color:var(--sp-fg);line-height:1.4;position:fixed;inset:0}.sp-host *,.sp-host :before,.sp-host :after{box-sizing:border-box}.sp-screen{padding:clamp(12px,3.2vh,48px) clamp(16px,4vw,64px);padding-top:max(clamp(12px, 3.2vh, 48px), env(safe-area-inset-top));padding-right:max(clamp(16px, 4vw, 64px), env(safe-area-inset-right));padding-bottom:max(clamp(12px, 3.2vh, 48px), env(safe-area-inset-bottom));padding-left:max(clamp(16px, 4vw, 64px), env(safe-area-inset-left));pointer-events:auto;background:radial-gradient(ellipse 80% 60% at 50% 0%, #1e3c8c59, transparent 70%), radial-gradient(ellipse 60% 50% at 80% 100%, #4dd2ff1a, transparent 70%), linear-gradient(180deg, var(--sp-bg-deep), var(--sp-bg));opacity:1;transition:opacity var(--sp-duration) var(--sp-ease), transform var(--sp-duration) var(--sp-ease), filter var(--sp-duration) var(--sp-ease);grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;transform:none}.sp-screen-overlay{background:var(--sp-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sp-screen-enter{opacity:0;transform:translateY(10px)scale(.985)}.sp-screen-leave{opacity:0;pointer-events:none;transform:translateY(-6px)}.sp-screen-covered{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--sp-duration) var(--sp-ease), visibility 0s linear var(--sp-duration)}.sp-screen-under{filter:brightness(.55)saturate(.7);pointer-events:none}.sp-screen :focus{outline:none}.sp-screen [hidden]{display:none!important}.sp-page{gap:var(--sp-space-3);flex-direction:column;width:min(1240px,100%);min-height:0;max-height:100%;display:flex}.sp-page-narrow{width:min(800px,100%)}.sp-body{overscroll-behavior:contain;scrollbar-color:var(--sp-line) transparent;flex:auto;min-height:0;overflow:auto}.sp-header{align-items:baseline;gap:var(--sp-space-2) var(--sp-space-4);flex-wrap:wrap;display:flex}.sp-title{font-size:var(--sp-font-title);letter-spacing:.12em;text-transform:uppercase;color:var(--sp-fg-strong);text-shadow:0 0 18px var(--sp-accent-glow);margin:0;font-weight:600}.sp-subtitle{color:var(--sp-fg-dim);font-size:var(--sp-font-small);margin:0}.sp-section-title{margin:var(--sp-space-3) 0 var(--sp-space-2);font-size:var(--sp-font-small);letter-spacing:.14em;text-transform:uppercase;color:var(--sp-amber);font-weight:400}.sp-panel{padding:var(--sp-space-4);background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:var(--sp-radius)}.sp-panel-title{align-items:center;gap:var(--sp-space-2);margin:0 0 var(--sp-space-3);color:var(--sp-fg-strong);font-size:1.1em;display:flex}.sp-actions{align-items:center;gap:var(--sp-space-2);flex-wrap:wrap;display:flex}.sp-actions-center{justify-content:center}.sp-hint{font-size:var(--sp-font-small);color:var(--sp-fg-dim);margin:0 0 0 auto}.sp-actions-center .sp-hint{margin:0}.sp-dim{color:var(--sp-fg-dim);font-size:var(--sp-font-small)}.sp-empty{margin:var(--sp-space-4) 0;color:var(--sp-fg-dim)}.sp-error{margin:var(--sp-space-2) 0 0;color:var(--sp-warn);font-size:var(--sp-font-small)}:where(.sp-btn){justify-content:center;align-items:center;gap:var(--sp-space-2);min-width:var(--sp-touch);min-height:var(--sp-touch);padding:0 var(--sp-space-4);font:inherit;color:var(--sp-fg);text-align:left;background:var(--sp-surface-2);border:1px solid var(--sp-line);border-radius:var(--sp-radius-sm);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color var(--sp-duration) var(--sp-ease), background-color var(--sp-duration) var(--sp-ease), box-shadow var(--sp-duration) var(--sp-ease);display:inline-flex}.sp-btn:hover{border-color:var(--sp-line-strong);background:var(--sp-surface-hover)}.is-focused,.sp-btn.is-focused{border-color:var(--sp-accent);background:var(--sp-accent-soft);color:var(--sp-fg-strong);box-shadow:0 0 0 1px var(--sp-accent), 0 0 18px var(--sp-accent-glow)}.sp-btn:disabled{opacity:.4;cursor:default;box-shadow:none}.sp-btn.active{border-color:var(--sp-accent);color:var(--sp-fg-strong);background:var(--sp-accent-soft)}.sp-primary{color:var(--sp-fg-strong);border-color:#4dd2ffb3}.sp-danger{color:#ffb3ad;border-color:#ff5a508c}.sp-danger.is-focused{border-color:var(--sp-warn);box-shadow:0 0 0 1px var(--sp-warn), 0 0 18px #ff5a5059;background:#ff5a5029}.sp-small{padding:0 var(--sp-space-3);font-size:var(--sp-font-small)}.sp-field{border-radius:var(--sp-radius-sm);flex:auto;min-width:0;display:flex}.sp-input{min-width:0;min-height:var(--sp-touch);padding:0 var(--sp-space-3);font:inherit;color:var(--sp-fg-strong);border:1px solid var(--sp-line);border-radius:var(--sp-radius-sm);background:#02040ed9;flex:auto}.sp-input:focus{border-color:var(--sp-amber);box-shadow:0 0 0 1px var(--sp-amber)}.sp-field.is-focused{box-shadow:none;background:0 0}.sp-field.is-focused .sp-input{border-color:var(--sp-accent);box-shadow:0 0 0 1px var(--sp-accent)}.sp-row{align-items:center;gap:var(--sp-space-3);min-height:var(--sp-touch);padding:var(--sp-space-1) var(--sp-space-3);border-radius:var(--sp-radius-sm);border:1px solid #0000;grid-template-columns:minmax(140px,1fr) 2fr auto;display:grid}.sp-row-label{color:var(--sp-fg)}.sp-row-hint{font-size:var(--sp-font-small);color:var(--sp-fg-dim);grid-column:1/-1;margin:0}.sp-range{width:100%;min-height:var(--sp-touch);accent-color:var(--sp-accent);cursor:pointer;margin:0}.sp-value{text-align:right;min-width:4.5em;color:var(--sp-amber);font-variant-numeric:tabular-nums}.sp-toggle{cursor:pointer}.sp-toggle-state{min-width:6em;padding:var(--sp-space-1) var(--sp-space-3);text-align:center;font-size:var(--sp-font-small);border:1px solid var(--sp-line);color:var(--sp-fg-dim);border-radius:999px;justify-self:end}.sp-toggle.on .sp-toggle-state{color:var(--sp-bg);background:var(--sp-accent);border-color:var(--sp-accent)}.sp-stat{justify-content:space-between;gap:var(--sp-space-3);display:flex}.sp-stat-label{color:var(--sp-fg-dim);font-size:var(--sp-font-small);letter-spacing:var(--sp-letter);text-transform:uppercase}.sp-stat-value,.sp-time{font-variant-numeric:tabular-nums}.sp-stat-big .sp-stat-value{color:var(--sp-fg-strong);font-size:1.4em}.sp-time{align-items:center;gap:var(--sp-space-1);color:var(--sp-fg-dim);display:inline-flex}.sp-badges{justify-content:center;gap:var(--sp-space-2);flex-wrap:wrap;display:flex}.sp-badge{padding:2px var(--sp-space-2);font-size:var(--sp-font-small);color:var(--sp-accent);border:1px solid #4dd2ff73;border-radius:999px;display:inline-block}.sp-badge-record{color:var(--sp-bg);background:var(--sp-amber);border-color:var(--sp-amber);font-weight:600}.sp-badge-warn{color:var(--sp-orange);border-color:#ff9f438c}.sp-medal{border:1.5px solid var(--sp-fg-faint);vertical-align:-.12em;border-radius:50%;flex:none;width:.95em;height:.95em;display:inline-block}.sp-medal-gold{border-color:var(--sp-gold);background:radial-gradient(circle at 35% 30%, #fff6cf, var(--sp-gold) 55%, #b8862a);box-shadow:0 0 8px #ffd1668c}.sp-medal-silver{border-color:var(--sp-silver);background:radial-gradient(circle at 35% 30%, #fff, var(--sp-silver) 55%, #7d8aa0)}.sp-medal-bronze{border-color:var(--sp-bronze);background:radial-gradient(circle at 35% 30%, #ffd9b8, var(--sp-bronze) 55%, #7a4a24)}.sp-ticks{gap:2px;display:inline-flex}.sp-tick{background:var(--sp-fg-faint);border-radius:1px;width:5px;height:.85em}.sp-tick.on{background:var(--sp-ok);box-shadow:0 0 4px #6dff8b73}.sp-dialog{gap:var(--sp-space-3);width:min(460px,100%);max-height:100%;padding:var(--sp-space-5);background:var(--sp-surface);border:1px solid var(--sp-line-strong);border-radius:var(--sp-radius);flex-direction:column;display:flex;overflow:auto;box-shadow:0 20px 60px #0000008c}.sp-modal{padding:var(--sp-space-4);background:var(--sp-backdrop);z-index:2;place-items:center;display:grid;position:absolute;inset:0}.sp-toasts{top:var(--sp-space-7);z-index:30;justify-items:center;gap:var(--sp-space-2);pointer-events:none;font-family:var(--sp-font);font-size:var(--sp-font-size);display:grid;position:fixed;left:50%;transform:translate(-50%)}.sp-toast{max-width:min(560px,100vw - 32px);padding:var(--sp-space-2) var(--sp-space-4);color:var(--sp-fg);background:var(--sp-surface);border:1px solid var(--sp-line);animation:sp-toast-in var(--sp-duration) var(--sp-ease);transition:opacity .25s var(--sp-ease);border-radius:999px;box-shadow:0 6px 20px #0006}.sp-toast-success{border-color:#6dff8b8c}.sp-toast-warning{color:var(--sp-amber);border-color:#ffd166a6}.sp-toast-error{color:#ffb3ad;border-color:#ff5a50a6}.sp-toast-leaving{opacity:0}@keyframes sp-toast-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.sp-toast{animation:none}}.sp-page,.sp-main,.sp-body,.sp-header,.sp-actions,.sp-row>*{min-width:0}.sp-page>.sp-header,.sp-page>.sp-actions,.sp-page>.sp-tabs{flex-shrink:0}.sp-row-label,.sp-subtitle,.sp-hint{overflow-wrap:anywhere}@media not (min-height:600px){.sp-screen{padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.sp-page{gap:8px}.sp-title{font-size:1.25em}.sp-dialog{padding:12px}}.sp-main{align-items:center;gap:var(--sp-space-4);flex-direction:column;width:min(420px,100%);min-height:0;max-height:100%;display:flex}.sp-logo{margin:0 0 var(--sp-space-3);letter-spacing:.32em;text-indent:.32em;color:var(--sp-fg-strong);text-shadow:0 0 28px #4dd2ff99,0 0 2px #fff;font-size:clamp(40px,7vw,92px);font-weight:700}.sp-profile{margin:calc(-1 * var(--sp-space-3)) 0 0;font-size:var(--sp-font-small);color:var(--sp-amber)}.sp-menu-list{gap:var(--sp-space-2);overscroll-behavior:contain;flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;overflow:auto}.sp-screen-main-menu .sp-menu-list [data-focus-id=play]{grid-area:1/1}.sp-screen-main-menu .sp-menu-list [data-focus-id=mode]{grid-area:2/1}.sp-menu-item{width:100%;min-height:max(var(--sp-touch), 2.6em);padding:0 var(--sp-space-5);letter-spacing:var(--sp-letter);text-transform:uppercase;justify-content:flex-start}.sp-menu-item.is-focused:before{content:"▸";margin-left:calc(-1 * var(--sp-space-3));color:var(--sp-accent)}.sp-menu-item.sp-secondary{min-height:var(--sp-touch);font-size:var(--sp-font-small);color:var(--sp-fg-dim)}.sp-main .sp-hint{text-align:center;margin:0}.sp-pause{text-align:center;width:min(380px,100%)}.sp-end{text-align:center;width:min(520px,100%);max-height:calc(100dvh - 2 * var(--sp-space-3));flex-direction:column;display:flex}.sp-end-complete .sp-title{color:var(--sp-ok);text-shadow:0 0 18px #6dff8b66}.sp-end-death .sp-title{color:#ff7a6b;text-shadow:0 0 18px #ff5a5066}.sp-end-body{gap:var(--sp-space-3);padding:var(--sp-space-3) 0;overscroll-behavior:contain;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.sp-end-time{flex-direction:column;align-items:center;display:flex}.sp-big-time{font-variant-numeric:tabular-nums;color:var(--sp-fg-strong);font-size:2.4em}.sp-end-medal{justify-content:center;align-items:center;gap:var(--sp-space-2);font-size:1.2em;display:inline-flex}.sp-end-medal .sp-medal{width:1.4em;height:1.4em}.sp-end-medal-gold{color:var(--sp-gold)}.sp-end-medal-silver{color:var(--sp-silver)}.sp-end-medal-bronze{color:var(--sp-bronze)}.sp-end-medal-none{color:var(--sp-fg-dim)}.sp-death-reason{color:var(--sp-orange);margin:0;font-size:1.2em}.sp-profiles{gap:var(--sp-space-2);flex-direction:column;min-height:0;display:flex;overflow:auto}.sp-profile-row{gap:var(--sp-space-2);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.sp-profile-main{padding:var(--sp-space-2) var(--sp-space-4);flex-wrap:wrap;justify-content:flex-start}.sp-profile-main .sp-road-name{color:var(--sp-fg-strong)}.sp-profile-main .sp-dim{flex-basis:100%}.sp-profile-row.active .sp-profile-main{border-left:3px solid var(--sp-amber)}.sp-credits-section p{margin:var(--sp-space-1) 0}@media not (min-width:560px){.sp-profile-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-profile-main{grid-column:1/-1}}.sp-identity{text-align:left;align-items:center;gap:10px;min-width:0;display:inline-flex}.sp-avatar{border:2px solid var(--sp-cyan,#70eaff);background:#142b40;border-radius:10px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:27px;display:grid}.sp-avatar-round{border-radius:50%}.sp-avatar-double{border:5px double #f1c87a}.sp-avatar-orbit{border-color:#d4a6ff;border-radius:50% 15%;box-shadow:0 0 0 3px #d4a6ff33}.sp-identity-copy{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.sp-identity-title{color:#8fe6ff;font-size:.85em}.sp-identity-phrase{opacity:.8;font-size:.8em}.sp-personalize-body{flex-direction:column;gap:6px;min-height:0;display:flex;overflow:auto}.sp-personalize-preview{background:#091725;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px;display:flex}.sp-appearance-choice{text-align:left;justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.sp-appearance-value{text-align:right;color:#aeeaff}.sp-vessel-preview{flex:0 0 150px;width:150px;height:65px;position:relative;overflow:hidden}.sp-vessel-hull{background:var(--hull);clip-path:polygon(100% 50%,0 0,18% 45%,18% 55%,0 100%);width:70px;height:55px;position:absolute;top:5px;left:70px}.sp-vessel-neon{background:var(--neon);height:5px;position:absolute;top:25px;left:20px;right:20px}.sp-vessel-trail{background:linear-gradient(90deg, transparent, var(--trail));clip-path:polygon(0 50%,100% 0,100% 100%);width:95px;height:20px;position:absolute;top:23px;left:0}@media not (min-width:430px){.sp-personalize-preview,.sp-personalize .sp-actions{flex-wrap:wrap}.sp-profile-row>.sp-small{padding-inline:5px;font-size:.8em}}@media (not (min-height:600px)) and (min-width:600px){.sp-main{gap:10px;width:min(760px,100%)}.sp-main .sp-logo{margin:0;font-size:clamp(28px,8vh,46px)}.sp-main .sp-profile{margin:0}.sp-main .sp-menu-list{flex:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));padding:2px;display:grid}.sp-main .sp-menu-item{min-height:44px;padding:8px 16px}}@media not (min-width:600px){.sp-logo{letter-spacing:.2em;text-indent:.2em;font-size:clamp(28px,8vw,44px)}.sp-main{gap:12px}.sp-menu-item{overflow-wrap:anywhere;flex-shrink:0;padding:8px 16px}}.sp-end-actions{flex-direction:column;align-items:stretch}.sp-end-action-row{justify-content:center;gap:var(--sp-space-3);display:flex}.sp-end-complete .sp-end-action-row>.sp-btn{flex:1}.sp-end-share{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;-webkit-user-select:text;user-select:text;margin:0}.sp-road{width:100%;padding:0 var(--sp-space-3);justify-content:space-between;display:flex}.sp-road-name{gap:var(--sp-space-2);white-space:nowrap;text-overflow:ellipsis;min-width:0;display:inline-flex;overflow:hidden}.sp-road-index{color:var(--sp-fg-dim);font-size:var(--sp-font-small)}.sp-road-meta{align-items:center;gap:var(--sp-space-2);flex:none;display:inline-flex}.sp-road-meta .sp-time{font-size:var(--sp-font-small)}.sp-world-roads .sp-road-meta,.sp-tutorial-row .sp-road-meta{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.sp-world-rank{font-size:var(--sp-font-small);color:var(--sp-amber)}.sp-tutorial-row .sp-road{flex-wrap:wrap;row-gap:2px}.sp-tutorial-row{gap:var(--sp-space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sp-tutorials .sp-section-title{margin-top:0}.sp-world-grid{gap:var(--sp-space-3);margin-top:var(--sp-space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.sp-world{gap:var(--sp-space-1);min-width:0;padding:var(--sp-space-2);background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:var(--sp-radius);flex-direction:column;display:flex}.sp-world:has(.is-focused){border-color:#4dd2ff99}.sp-world-head{padding:0 var(--sp-space-1) var(--sp-space-1);grid-template-columns:1fr auto;align-items:baseline;display:grid}.sp-world-number{letter-spacing:.14em;text-transform:uppercase;color:var(--sp-fg-dim);grid-column:1/-1;font-size:.7em}.sp-world-name{color:var(--sp-fg-strong);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05em;overflow:hidden}.sp-world-progress{font-size:var(--sp-font-small);color:var(--sp-amber)}.sp-world-roads{gap:var(--sp-space-1);flex-direction:column;display:flex}.sp-world-roads .sp-road{padding:var(--sp-space-1) var(--sp-space-2);flex-wrap:wrap;row-gap:2px}.sp-world-roads .sp-road-name{font-size:var(--sp-font-small)}.sp-details{align-items:center;gap:var(--sp-space-2) var(--sp-space-5);min-height:calc(var(--sp-touch) + var(--sp-space-3));padding:var(--sp-space-2) var(--sp-space-4);background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:var(--sp-radius);flex-wrap:wrap;display:flex}.sp-details-name{align-items:center;gap:var(--sp-space-2);color:var(--sp-fg-strong);display:inline-flex}.sp-details .sp-stat{gap:var(--sp-space-2)}@media not (min-width:1100px){.sp-world-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media not (min-width:720px){.sp-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-tutorial-row{grid-template-columns:1fr}}@media not (min-width:460px){.sp-world-grid{grid-template-columns:minmax(0,1fr)}}.sp-list{gap:var(--sp-space-1);flex-direction:column;display:flex}.sp-classic-row{align-items:center;gap:var(--sp-space-2);text-align:left;grid-template-columns:2.5em minmax(8em,1fr) 5em 5em 5em 5em 9em;width:100%;display:grid}.sp-table-head{padding:0 var(--sp-space-4);color:var(--sp-fg-dim)}.sp-table-head>span{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.7em;overflow:hidden}@media not (min-width:720px){.sp-classic-row{grid-template-columns:2em 1fr 4em 7em}.sp-classic-row>:nth-child(4),.sp-classic-row>:nth-child(5),.sp-classic-row>:nth-child(6){display:none}}.sp-split-layout{gap:var(--sp-space-4);flex:auto;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);min-height:0;display:grid}.sp-ta-list{min-height:0;padding-right:var(--sp-space-1);overflow:auto}.sp-ta-list .sp-section-title:first-child{margin-top:0}.sp-ta-road{justify-content:space-between;width:100%}.sp-ta-details{gap:var(--sp-space-3);flex-direction:column;align-self:start;display:flex}.sp-ta-details .sp-toggle{justify-content:space-between;width:100%}@media not (min-width:720px){.sp-split-layout{grid-template-columns:1fr}}.sp-form{gap:var(--sp-space-2);flex-direction:column;display:flex}.sp-form>.sp-row:first-child{grid-template-columns:minmax(140px,1fr) 2fr auto}.sp-recent{margin-top:var(--sp-space-3)}.sp-recent-list{gap:var(--sp-space-1);margin:0;padding-left:1.6em;display:grid}.sp-recent-list li{gap:var(--sp-space-4);display:flex}@media not (min-width:560px){.sp-row,.sp-form>.sp-row:first-child{grid-template-columns:1fr auto}.sp-row .sp-row-label{grid-column:1/-1}}@media not (min-height:820px){.sp-world-grid{gap:var(--sp-space-2);margin-top:var(--sp-space-2)}.sp-world{gap:2px;padding:6px}.sp-world-head{padding-bottom:0}.sp-details{min-height:var(--sp-touch);padding:var(--sp-space-1) var(--sp-space-4)}.sp-tutorials .sp-section-title{margin-bottom:var(--sp-space-1)}}.sp-test-configs{gap:var(--sp-space-2);margin-bottom:var(--sp-space-4);padding-bottom:var(--sp-space-4);border-bottom:1px solid var(--sp-line);flex-direction:column;display:flex}.sp-test-configs p,.sp-test-configs h2{margin:0}.sp-test-config-list,.sp-test-config-actions{gap:var(--sp-space-2);flex-wrap:wrap;display:flex}.sp-test-configs .sp-btn{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}.sp-test-config-choice.active{border-color:var(--sp-accent);background:var(--sp-surface);box-shadow:inset 0 0 0 1px}.sp-video-presets{gap:var(--sp-space-2);margin-bottom:var(--sp-space-4);flex-direction:column;display:flex}.sp-video-presets .sp-segmented{flex-wrap:wrap;display:flex}.sp-video-presets p{margin:0}.sp-options .sp-choice .sp-segmented{flex-wrap:wrap;min-width:0}.sp-options{width:min(900px,100%);height:100%}.sp-options-actions{flex-wrap:nowrap}.sp-options-actions .sp-back{flex-shrink:0;margin-left:auto}.sp-options-actions .sp-hint{margin-left:0}.sp-options-actions>:first-child:not(.sp-back):not(.sp-hint){white-space:normal;min-width:0}@media not (min-width:560px),not (min-height:600px){.sp-options-actions .sp-hint{display:none}}.sp-touch-editor{color:var(--sp-fg);background:#081322;position:absolute;inset:0;overflow:hidden}.sp-touch-stage{position:absolute;inset:0}.sp-touch-layout-button{color:#e9f4ff;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;background:#174e65;border:1px solid #81edff;border-radius:14px;font:24px system-ui,sans-serif;position:absolute;translate:-50% -50%}.sp-touch-layout-auto{border-radius:999px;font-size:14px}.sp-touch-layout-jump{border-radius:50%}.sp-touch-layout-button.selected{outline-offset:3px;outline:3px dashed #ffd580}.sp-touch-tools{top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));background:#081322eb;border-radius:8px;width:min(340px,60%);padding:8px;font-size:12px;position:absolute}.sp-touch-tools p{margin:4px 0}.sp-touch-tools select{width:100%;min-height:32px}.sp-touch-tools label{grid-template-columns:80px minmax(0,1fr) 44px;align-items:center;gap:4px;display:grid}.sp-touch-tools input{width:100%;min-width:0;min-height:28px}.sp-touch-editor-actions{inset:auto max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));gap:8px;display:flex;position:absolute}.sp-touch-editor-actions .sp-btn{white-space:normal;min-width:0;font-size:12px}.sp-touch-editor-actions .sp-btn:last-child{margin-left:auto}.sp-touch-tools[hidden],.sp-touch-editor-actions[hidden]{display:none}.sp-touch-tools-toggle{top:max(8px, env(safe-area-inset-top));white-space:normal;width:min(150px,35%);padding:4px;font-size:10px;position:absolute;left:min(360px,62%)}.sp-tabs{gap:var(--sp-space-2);padding-bottom:var(--sp-space-2);border-bottom:1px solid var(--sp-line);flex-wrap:wrap;display:flex}.sp-tab{letter-spacing:var(--sp-letter);flex:1 1 0;justify-content:center}.sp-options-body{overscroll-behavior:contain;gap:var(--sp-space-1);min-height:0;padding:var(--sp-space-1);flex-direction:column;flex:auto;display:flex;overflow:auto}.sp-row.is-focused{background:var(--sp-accent-soft)}.sp-options .sp-value-speed-above-100{color:var(--sp-warn)}.sp-choice .sp-segmented{gap:var(--sp-space-1);display:inline-flex}.sp-seg{min-width:7em}.sp-bindings{margin-top:var(--sp-space-3);flex-direction:column;gap:2px;display:flex}.sp-bindings-head,.sp-bindings-row{align-items:center;gap:var(--sp-space-2);grid-template-columns:minmax(9em,1fr) 2fr 2fr;display:grid}.sp-bindings-head{letter-spacing:.12em;text-transform:uppercase;color:var(--sp-fg-dim);font-size:.7em}.sp-bindings-group{margin-top:var(--sp-space-3);font-size:var(--sp-font-small);letter-spacing:.12em;text-transform:uppercase;color:var(--sp-amber)}.sp-bindings-action{white-space:nowrap}.sp-slots{gap:var(--sp-space-1);flex-wrap:wrap;display:flex}.sp-slot{padding:0 var(--sp-space-2);font-size:var(--sp-font-small)}.sp-slot.empty{color:var(--sp-fg-dim);border-style:dashed}.sp-slot.conflict{border-color:var(--sp-warn);color:var(--sp-warn)}.sp-slot.capturing{border-color:var(--sp-amber);color:var(--sp-amber);animation:1s ease-in-out infinite sp-pulse}.sp-conflicts{margin-top:var(--sp-space-2);font-size:var(--sp-font-small);color:var(--sp-fg-dim)}.sp-conflicts p{margin:0}.sp-conflicts.has-conflicts{color:var(--sp-warn)}.sp-row-actions{gap:var(--sp-space-2);margin-top:var(--sp-space-2);display:flex}.sp-capture{place-content:center;gap:var(--sp-space-2);text-align:center;background:var(--sp-backdrop);z-index:2;display:grid;position:absolute;inset:0}.sp-capture-text{padding:var(--sp-space-4) var(--sp-space-6);color:var(--sp-amber);background:var(--sp-surface);border:1px solid var(--sp-amber);border-radius:var(--sp-radius);margin:0;font-size:1.2em}.sp-capture .sp-hint{margin:0}@keyframes sp-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.sp-slot.capturing{animation:none}}@media not (min-width:720px){.sp-bindings-head{display:none}.sp-bindings-row{padding:var(--sp-space-1) 0;border-bottom:1px solid var(--sp-line);grid-template-columns:1fr}}@media not (min-width:900px),not (min-height:600px){.sp-tabs{overscroll-behavior:contain;flex-wrap:nowrap;overflow-x:auto}.sp-tab{flex:none;padding-inline:12px}}@media not (min-width:560px){.sp-choice .sp-segmented,.sp-row-actions{flex-wrap:wrap}.sp-bindings-action{white-space:normal}}.sp-options-body>*{flex-shrink:0}@media not (min-width:560px){.sp-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}.sp-tab{letter-spacing:0;overflow-wrap:anywhere;min-width:0;padding-inline:4px;font-size:.85em}}.sp-options-section{border:1px solid var(--sp-line);border-radius:var(--sp-radius);overflow:hidden}.sp-options-section-heading{text-align:left;width:100%;min-height:48px;color:var(--sp-amber);border:0;border-radius:0;justify-content:space-between;display:flex}.sp-section-chevron{margin-left:var(--sp-space-2)}.sp-options-section-content:not([hidden]){gap:var(--sp-space-2);padding:var(--sp-space-3);flex-direction:column;display:flex}.sp-bindings-device .sp-bindings-head,.sp-bindings-device .sp-bindings-row{grid-template-columns:minmax(100px,1fr) minmax(0,2fr)}@media not (min-width:560px){.sp-bindings-device .sp-bindings-row{grid-template-columns:1fr}}