:root{--sp-surface-fill: rgba(18, 20, 28, .62);--sp-surface-blur: blur(40px) saturate(160%);--sp-surface-border: 1px solid rgba(255, 255, 255, .08);--sp-surface-shadow: 0 20px 60px -10px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .06);--sp-accent: #4a8eff;--sp-accent-bright: #7ab6ff;--sp-accent-deep: #2b66d6;--sp-text: rgba(255, 255, 255, .92);--sp-text-dim: rgba(255, 255, 255, .55);--sp-text-faint: rgba(255, 255, 255, .4);--sp-good: #8ce1a0;--sp-warn: #f0d26e;--sp-bad: #f08787;--sp-font-ui: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;--sp-font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace}.sp-panel,.sp-panel *,.sp-fps,.sp-fps *{box-sizing:border-box}.sp-panel{position:fixed;top:18px;right:18px;z-index:1000;width:264px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);display:flex;flex-direction:column;border-radius:16px;background:var(--sp-surface-fill);backdrop-filter:var(--sp-surface-blur);-webkit-backdrop-filter:var(--sp-surface-blur);border:var(--sp-surface-border);box-shadow:var(--sp-surface-shadow);color:var(--sp-text);font-family:var(--sp-font-ui);user-select:none;overflow-x:hidden;overflow-y:auto;animation:sp-panel-in .7s cubic-bezier(.16,1,.3,1) both}@keyframes sp-panel-in{0%{opacity:0;transform:translate(20px) scale(.98)}to{opacity:1;transform:none}}.sp-header{padding:16px 18px 14px;border-bottom:var(--sp-surface-border)}.sp-wordmark{font-size:12px;font-weight:300;letter-spacing:3px;text-transform:uppercase;line-height:1.5;color:var(--sp-text)}.sp-wordmark b{font-weight:700;color:var(--sp-accent-bright)}.sp-wordmark small{display:block;margin-top:3px;font-size:8.5px;font-weight:600;letter-spacing:4px;color:var(--sp-text-faint)}.sp-body{display:flex;flex-direction:column;gap:15px;padding:16px 18px}.sp-row{display:flex;flex-direction:column;gap:8px}.sp-label{font-size:10px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--sp-text-dim)}.sp-select{position:relative}.sp-select select{appearance:none;-webkit-appearance:none;width:100%;padding:9px 32px 9px 12px;border-radius:9px;background:#00000047;border:var(--sp-surface-border);color:var(--sp-text);font-family:var(--sp-font-ui);font-size:12.5px;font-weight:500;letter-spacing:.3px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.sp-select select:hover{border-color:#ffffff2e;background:#0006}.sp-select select:focus-visible{outline:none;border-color:var(--sp-accent);box-shadow:0 0 0 3px #4a8eff33}.sp-select option{background:#12141c;color:var(--sp-text)}.sp-select:after{content:"";position:absolute;top:50%;right:13px;width:7px;height:7px;border-right:1.5px solid var(--sp-accent-bright);border-bottom:1.5px solid var(--sp-accent-bright);transform:translateY(-65%) rotate(45deg);pointer-events:none}.sp-label-row{display:flex;justify-content:space-between;align-items:baseline}.sp-readout{font-family:var(--sp-font-mono);font-size:11px;color:var(--sp-text-dim);font-variant-numeric:tabular-nums}.sp-slider{appearance:none;-webkit-appearance:none;width:100%;height:20px;margin:0;background:transparent;cursor:pointer}.sp-slider::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,var(--sp-accent-deep),var(--sp-accent-bright)) 0 0 / var(--sp-fill, 50%) 100% no-repeat,#00000047}.sp-slider::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;margin-top:-5px;border-radius:50%;background:linear-gradient(180deg,var(--sp-accent-bright),var(--sp-accent-deep));box-shadow:0 1px 4px -1px #4a8eff80,inset 0 1px #ffffff59}.sp-slider::-moz-range-track{height:5px;border-radius:999px;background:linear-gradient(90deg,var(--sp-accent-deep),var(--sp-accent-bright)) 0 0 / var(--sp-fill, 50%) 100% no-repeat,#00000047}.sp-slider::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:50%;background:linear-gradient(180deg,var(--sp-accent-bright),var(--sp-accent-deep));box-shadow:0 1px 4px -1px #4a8eff80,inset 0 1px #ffffff59}.sp-slider:focus-visible{outline:none}.sp-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #4a8eff4d}.sp-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #4a8eff4d}.sp-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;padding:3px;border-radius:10px;background:#00000047;border:var(--sp-surface-border)}.sp-seg button{padding:7px 4px;border:none;border-radius:7px;background:transparent;color:var(--sp-text-dim);font-family:var(--sp-font-ui);font-size:11px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.sp-seg button:hover:not(.is-active){color:var(--sp-text)}.sp-seg button.is-active{background:linear-gradient(180deg,var(--sp-accent-bright),var(--sp-accent-deep));color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 1px 4px -1px #4a8eff59,inset 0 1px #ffffff4d}.sp-seg button:focus-visible{outline:none;box-shadow:0 0 0 3px #4a8eff38}.sp-seg button:disabled{cursor:wait;opacity:.55}.sp-flight-help{padding:10px 11px;border-radius:9px;background:#00000038;border:var(--sp-surface-border);color:var(--sp-text-faint);font-family:var(--sp-font-ui);font-size:9px;line-height:1.4}.sp-flight-help-view{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.sp-flight-help-mobile,.sp-flight-help[hidden]{display:none}.sp-flight-help b{color:var(--sp-text-dim);font-weight:600}.sp-footer{padding:4px 18px 18px;border-top:var(--sp-surface-border)}.sp-link{display:flex;align-items:center;justify-content:center;padding:13px 14px;margin-top:14px;border-radius:10px;font-family:var(--sp-font-ui);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s}.sp-link-primary{background:linear-gradient(135deg,#ffb45c,#ef6b2e);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 2px 8px -2px #ef6b2e80,inset 0 1px #ffffff4d}.sp-link-primary:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 3px 11px -2px #ef6b2e9e,inset 0 1px #ffffff59}.sp-link-primary:active{transform:translateY(0);filter:brightness(.96)}.sp-link:focus-visible{outline:none;box-shadow:0 0 0 3px #4a8eff38}.sp-fps{position:fixed;top:18px;left:18px;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:3px;padding:13px 20px 11px;border-radius:14px;background:var(--sp-surface-fill);backdrop-filter:var(--sp-surface-blur);-webkit-backdrop-filter:var(--sp-surface-blur);border:var(--sp-surface-border);box-shadow:var(--sp-surface-shadow);user-select:none;animation:sp-panel-in .7s cubic-bezier(.16,1,.3,1) both}.sp-fps-value{font-family:var(--sp-font-mono);font-size:30px;font-weight:600;line-height:1;letter-spacing:.5px;color:var(--sp-good);font-variant-numeric:tabular-nums;transition:color .4s ease}.sp-fps-value.is-warn{color:var(--sp-warn)}.sp-fps-value.is-bad{color:var(--sp-bad)}.sp-fps-unit{font-family:var(--sp-font-ui);font-size:9px;font-weight:600;letter-spacing:3px;text-indent:3px;color:var(--sp-text-faint)}.sp-menu{display:none;position:fixed;top:12px;right:12px;z-index:1001;width:46px;height:46px;align-items:center;justify-content:center;border-radius:14px;background:var(--sp-surface-fill);backdrop-filter:var(--sp-surface-blur);-webkit-backdrop-filter:var(--sp-surface-blur);border:var(--sp-surface-border);box-shadow:var(--sp-surface-shadow);color:var(--sp-text);cursor:pointer}.sp-menu.is-open{color:var(--sp-accent-bright)}.sp-menu:focus-visible{outline:none;box-shadow:0 0 0 3px #4a8eff38}@media(max-width:768px){.sp-menu{display:flex}.sp-panel{display:none}.sp-panel.is-open{display:flex;top:70px;left:12px;right:12px;width:auto;max-width:none;max-height:calc(100dvh - 82px);overflow-y:auto}.sp-fps{top:12px;left:12px;padding:9px 14px 8px;border-radius:12px}.sp-fps-value{font-size:20px}}@media(max-width:768px),(hover:none)and (pointer:coarse){.sp-flight-help-desktop{display:none}.sp-flight-help-mobile{display:grid}}@media(prefers-reduced-motion:reduce){.sp-panel,.sp-fps{animation:none}}.mfc{display:none}@media(max-width:768px),(hover:none)and (pointer:coarse){.mfc.is-active:not([hidden]){position:fixed;inset:0;z-index:999;display:block;color:#ffffffe6;font-family:var(--sp-font-ui, "Montserrat", system-ui, sans-serif);pointer-events:none;user-select:none;-webkit-user-select:none}.sp-flight-active .sb-root,.sp-flight-active .bi-island{display:none}.sp-flight-active canvas{touch-action:none}.mfc-caption{display:block;color:#ffffff85;font-size:8px;font-weight:700;letter-spacing:1.4px;line-height:1;text-align:center;text-transform:uppercase}.mfc-steering,.mfc-power{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));pointer-events:auto;touch-action:none}.mfc-steering{left:calc(12px + env(safe-area-inset-left));display:flex;flex-direction:column;gap:7px}.mfc-stick{position:relative;width:clamp(104px,31vw,132px);aspect-ratio:1;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:radial-gradient(circle at center,#7ab6ff1f,#090d1685 66%),#12141c66;box-shadow:0 12px 28px -10px #0000009e,inset 0 1px #ffffff14;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.mfc-stick-cross:before,.mfc-stick-cross:after{content:"";position:absolute;top:50%;left:50%;background:#ffffff14;transform:translate(-50%,-50%);pointer-events:none}.mfc-stick-cross:before{width:64%;height:1px}.mfc-stick-cross:after{width:1px;height:64%}.mfc-stick-thumb{position:absolute;top:50%;left:50%;width:clamp(42px,12vw,50px);aspect-ratio:1;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:linear-gradient(145deg,#7ab6ffe6,#2b66d6d1);box-shadow:0 5px 14px -4px #215ecdcc,inset 0 1px #ffffff5c;transform:translate(-50%,-50%);pointer-events:none}.mfc-power{right:calc(12px + env(safe-area-inset-right));display:flex;align-items:flex-end;gap:7px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#12141c7a;box-shadow:0 12px 28px -10px #0000009e,inset 0 1px #ffffff0f;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.mfc-throttle{display:flex;width:42px;flex-direction:column;align-items:center;gap:3px}.mfc-throttle-track{position:relative;display:block;width:42px;height:94px}.mfc-throttle input{position:absolute;top:50%;left:50%;width:94px;height:42px;margin:0;accent-color:#6da9ff;cursor:ns-resize;transform:translate(-50%,-50%) rotate(-90deg)}.mfc-throttle-value{color:#ffffffb3;font-family:var(--sp-font-mono, ui-monospace, monospace);font-size:9px;font-variant-numeric:tabular-nums}.mfc-buttons{display:grid;width:72px;grid-template-columns:1fr 1fr;gap:6px}.mfc-buttons>.mfc-caption{grid-column:1 / -1}.mfc-yaw{display:grid;grid-column:1 / -1;grid-template-columns:1fr 1fr;gap:5px}.mfc button{min-width:0;min-height:38px;padding:0 5px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#ffffff0f;color:#ffffffc2;font:inherit;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;touch-action:none}.mfc-yaw button{min-height:42px;color:#b8d6ffe6;font-size:12px}.mfc-action{grid-column:1 / -1}.mfc-afterburner{min-height:44px!important}.mfc button.is-held{border-color:#7ab6ffb8;background:#4a8eff47;color:#fff;box-shadow:0 0 14px #4a8eff33}.mfc-afterburner.is-held{border-color:#ff8f4de0;background:#ff5e2a4d;color:#ffe0cc;box-shadow:0 0 18px #ff592047}.mfc button:focus-visible,.mfc input:focus-visible,.mfc-stick:focus-visible{outline:2px solid rgba(122,182,255,.9);outline-offset:2px}}@media(max-width:370px){.mfc-steering{left:calc(8px + env(safe-area-inset-left))}.mfc-power{right:calc(8px + env(safe-area-inset-right));gap:5px;padding:6px}.mfc-buttons{width:66px}}