:root{color-scheme:dark;--night: #050505;--panel: rgba(10, 10, 10, .78);--panel-strong: rgba(5, 5, 5, .94);--edge: rgba(255, 255, 255, .16);--muted: #b7b7b7;--text: #ffffff;--cyan: #ba0c2f;--pink: #e4002b;--amber: #ffffff;--success: #ffffff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--night);color:var(--text);-webkit-font-smoothing:antialiased}canvas{display:block;width:100%;height:100%;touch-action:none}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.ride-ui{position:fixed;inset:0;z-index:10;pointer-events:none;isolation:isolate;--safe-top: max(18px, env(safe-area-inset-top));--safe-right: max(18px, env(safe-area-inset-right));--safe-bottom: max(18px, env(safe-area-inset-bottom));--safe-left: max(18px, env(safe-area-inset-left))}.ui-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,3,3,.62) 0%,transparent 25%,transparent 72%,rgba(3,3,3,.74) 100%),linear-gradient(90deg,rgba(3,3,3,.4),transparent 30%,transparent 70%,rgba(3,3,3,.4));transition:opacity .4s ease}.ride-ui[data-mode=day] .ui-vignette{opacity:.45}.glass-panel{background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 48%),var(--panel);border:1px solid var(--edge);box-shadow:0 18px 50px #0000004d,inset 0 1px #ffffff0a;backdrop-filter:none;-webkit-backdrop-filter:none}.eyebrow{margin:0;color:var(--cyan);font-size:10px;line-height:1;font-weight:750;letter-spacing:.2em;text-transform:uppercase}.brand-panel{position:absolute;top:var(--safe-top);left:var(--safe-left);display:flex;align-items:center;gap:12px;min-width:304px;height:68px;padding:10px 14px;border-radius:14px;pointer-events:auto}.brand-mark{position:relative;width:48px;height:48px;flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(228,0,43,.19),transparent 28%),radial-gradient(circle at 32% 26%,rgba(255,255,255,.12),transparent 44%),#070707;box-shadow:inset 0 0 19px #ffffff14,0 0 20px #ba0c2f38}.brand-orbit{position:absolute;top:50%;left:50%;width:39px;height:15px;border:1.4px solid rgba(255,255,255,.82);border-right-color:var(--pink);border-radius:50%;filter:drop-shadow(0 0 3px rgba(228,0,43,.66))}.brand-orbit-a{transform:translate(-50%,-50%) rotate(0)}.brand-orbit-b{transform:translate(-50%,-50%) rotate(60deg)}.brand-orbit-c{transform:translate(-50%,-50%) rotate(120deg)}.brand-core{position:absolute;top:50%;left:50%;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--pink);box-shadow:0 0 7px var(--pink),0 0 15px #e4002b8c;transform:translate(-50%,-50%)}.brand-satellite{position:absolute;top:7px;left:29px;width:5px;height:5px;border:1px solid #fff;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.brand-copy{min-width:0}.brand-copy .eyebrow{margin-bottom:5px;font-size:8px;color:var(--muted)}.brand-copy h1{display:flex;align-items:baseline;gap:.28em;margin:0;font-size:20px;line-height:1;font-weight:850;letter-spacing:-.035em;text-transform:uppercase}.brand-copy h1 span{color:#fff}.brand-copy h1 em{position:relative;color:var(--pink);font-style:normal;letter-spacing:.03em;text-shadow:0 0 12px rgba(228,0,43,.42)}.brand-copy h1 em:after{content:"";position:absolute;right:0;bottom:-4px;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--pink),#fff,transparent);box-shadow:0 0 6px #e4002bb3}.live-indicator{display:flex;align-items:center;gap:6px;margin-left:auto;padding-left:10px;border-left:1px solid var(--edge);color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}.live-indicator i,.pulse-dot,.fps-light{display:block;width:6px;height:6px;border-radius:50%;background:var(--muted)}.live-indicator.is-running i,.pulse-dot,.fps-light{background:var(--success);box-shadow:0 0 9px var(--success)}.live-indicator.is-running i{animation:pulse 1.4s ease-in-out infinite}.onboarding{position:absolute;left:var(--safe-left);bottom:var(--safe-bottom);width:min(310px,calc(100vw - 36px));padding:21px;border-radius:16px;pointer-events:auto}.onboarding>.eyebrow span{color:var(--pink);margin-right:7px}.onboarding h2{margin:10px 0 9px;font-size:clamp(24px,2.2vw,34px);line-height:.97;letter-spacing:-.055em;text-transform:uppercase}.briefing-copy{margin:0;color:#c8c8c8;font-size:12px;line-height:1.55}.hierarchy-line{display:flex;align-items:center;gap:7px;margin:16px 0 14px;color:#f3f3f3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:700;letter-spacing:.12em}.hierarchy-line i{height:1px;flex:1;background:linear-gradient(90deg,var(--cyan),var(--pink));position:relative}.hierarchy-line i:after{content:"";position:absolute;right:-1px;top:-2px;border:2px solid transparent;border-left-color:var(--pink)}.key-help-toggle{display:flex;align-items:center;width:100%;gap:9px;padding:10px 0 0;color:var(--muted);background:none;border:0;border-top:1px solid var(--edge);cursor:pointer;font-size:10px;font-weight:650;letter-spacing:.05em;text-align:left}kbd{min-width:23px;padding:3px 5px;color:#fff;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-bottom-color:#ffffff3d;border-radius:5px;box-shadow:0 2px #00000038;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;text-align:center}.key-help-toggle b{margin-left:auto;font-size:16px;font-weight:300;transition:transform .2s}.key-help-toggle.is-open b{transform:rotate(45deg)}.keyboard-help{padding-top:10px}.keyboard-help[hidden]{display:none}.keyboard-help div{display:flex;align-items:center;gap:9px;padding:4px 0;color:var(--muted);font-size:10px}.keyboard-help kbd{min-width:42px}.control-deck{--cyan: #d7d7d7;--pink: #ba0c2f;position:absolute;top:var(--safe-top);right:var(--safe-right);width:min(340px,calc(100vw - 36px));padding:18px;border-radius:16px;pointer-events:auto}.deck-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.deck-heading .eyebrow{margin-bottom:5px}.deck-heading h2{margin:0;font-size:18px;line-height:1;letter-spacing:-.02em}.icon-button{display:grid;place-items:center;width:36px;height:36px;color:var(--muted);background:#ffffff0b;border:1px solid var(--edge);border-radius:10px;cursor:pointer;transition:color .2s,border-color .2s,transform .2s}.icon-button:hover{color:#fff;border-color:#ffffff6b;transform:rotate(-20deg)}.icon-button:active{transform:rotate(-20deg) scale(.92)}.icon-button span{font-size:19px;line-height:1}.primary-control{position:relative;display:flex;align-items:center;width:100%;min-height:58px;padding:9px 11px;overflow:hidden;color:var(--text);background:linear-gradient(105deg,#ffffff1a,#ffffff06);border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;text-align:left;transition:border-color .2s,background .2s,transform .14s}.primary-control:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.1),transparent 75%);transform:translate(-100%);transition:transform .45s}.primary-control:hover:after{transform:translate(100%)}.primary-control:active{transform:scale(.985)}.primary-control.is-active{background:linear-gradient(105deg,#ba0c2f38,#ffffff09);border-color:#ba0c2f7a}.play-icon{display:grid;place-items:center;width:38px;height:38px;margin-right:11px;border-radius:50%;color:var(--night);background:var(--cyan);box-shadow:0 0 14px #ffffff29}.play-icon i{width:0;height:0;margin-left:3px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.primary-control.is-active .play-icon{color:#fff;background:var(--pink);box-shadow:0 0 16px #ba0c2f59}.primary-control.is-active .play-icon i{width:10px;height:11px;margin:0;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor}.primary-label{display:flex;flex-direction:column;gap:1px}.primary-label small,.day-night-toggle small{color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.primary-label b,.day-night-toggle b{font-size:13px}.button-status{margin-left:auto;color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.primary-control.is-active .button-status{color:var(--pink)}.segmented-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.control-label{display:block;margin:0 0 6px 2px;color:var(--muted);font-size:8px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.segmented{display:flex;padding:3px;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:9px}.segmented button{flex:1;padding:7px 3px;color:var(--muted);background:transparent;border:0;border-radius:6px;cursor:pointer;font-size:9px;font-weight:720;transition:color .2s,background .2s,box-shadow .2s}.segmented button.is-active{color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff29}.segmented [data-lock=true].is-active{background:#ba0c2f29;box-shadow:inset 0 0 0 1px #ba0c2f4d,0 0 10px #ba0c2f14}.motor-controls{display:grid;gap:12px;margin:16px 1px 14px}.range-control{display:block}.range-heading,.range-scale{display:flex;align-items:center;justify-content:space-between}.range-heading{margin-bottom:5px;color:#f3f3f3;font-size:9px;font-weight:700;letter-spacing:.04em}.range-heading>span{display:flex;align-items:center;gap:6px}.range-heading i{width:5px;height:5px;border-radius:50%}.cyan-dot{background:var(--cyan);box-shadow:0 0 7px var(--cyan)}.pink-dot{background:var(--pink);box-shadow:0 0 7px var(--pink)}.range-heading output{min-width:39px;color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;text-align:right}.range-control:nth-child(2) output{color:var(--cyan)}input[type=range]{width:100%;height:14px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--cyan) 0 var(--range-progress),rgba(255,255,255,.12) var(--range-progress));border-radius:5px}.range-control:nth-child(2) input::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--cyan) 0 var(--range-progress),rgba(255,255,255,.12) var(--range-progress))}input[type=range]::-moz-range-track{height:3px;background:#ffffff1f;border-radius:5px}input[type=range]::-moz-range-progress{height:3px;background:var(--cyan);border-radius:5px}.range-control:nth-child(2) input::-moz-range-progress{background:var(--cyan)}input[type=range]::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4.5px;appearance:none;-webkit-appearance:none;background:#fff;border:3px solid #a7a7a7;border-radius:50%;box-shadow:0 0 7px #ffffff4d}.range-control:nth-child(2) input::-webkit-slider-thumb{border-color:#a7a7a7;box-shadow:0 0 7px #ffffff4d}input[type=range]::-moz-range-thumb{width:7px;height:7px;background:#fff;border:3px solid #a7a7a7;border-radius:50%;box-shadow:0 0 7px #ffffff4d}.range-control:nth-child(2) input::-moz-range-thumb{border-color:#a7a7a7}.range-scale{margin-top:-1px;color:#777;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:6px;letter-spacing:.1em}.day-night-toggle{display:flex;align-items:center;width:100%;gap:9px;padding:10px;color:var(--text);background:#ffffff09;border:1px solid var(--edge);border-radius:10px;cursor:pointer;text-align:left}.day-night-toggle>span:nth-child(2){display:flex;flex-direction:column}.mode-icon{position:relative;width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:transparent}.mode-icon:before,.mode-icon:after,.mode-icon i{content:"";position:absolute;display:block;border-radius:50%}.mode-icon:before{inset:6px;z-index:1;background:#ffd45c;box-shadow:0 0 8px #ffc93cb8}.mode-icon:after{inset:0;background:repeating-conic-gradient(#ffd45c 0deg 12deg,transparent 12deg 45deg);-webkit-mask:radial-gradient(circle,transparent 0 52%,#000 54% 74%,transparent 76%);mask:radial-gradient(circle,transparent 0 52%,#000 54% 74%,transparent 76%)}.mode-icon i{opacity:0}.day-night-toggle.is-night .mode-icon:before{inset:2px;background:radial-gradient(circle at 33% 35%,#a7a7a7 0 8%,transparent 9%),radial-gradient(circle at 67% 61%,#b6b6b6 0 10%,transparent 11%),radial-gradient(circle at 43% 76%,#adadad 0 6%,transparent 7%),#eeeeea;box-shadow:0 0 9px #e2e8ff73}.day-night-toggle.is-night .mode-icon:after{inset:-2px;background:transparent;border:1px solid rgba(222,228,255,.2);-webkit-mask:none;mask:none}.switch-track{position:relative;width:32px;height:18px;margin-left:auto;background:#ffffff21;border-radius:12px}.switch-track i{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .25s,background .25s}.day-night-toggle.is-night .switch-track i{transform:translate(14px);background:#fff;box-shadow:0 0 6px #ffffff4d}.telemetry{position:absolute;left:50%;bottom:var(--safe-bottom);display:flex;align-items:center;min-height:58px;padding:9px 14px;border-radius:13px;transform:translate(-50%);pointer-events:auto}.telemetry-title{display:flex;align-items:center;gap:7px;padding-right:14px;color:var(--muted);font-size:8px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.pulse-dot{width:5px;height:5px;animation:pulse 1.4s ease-in-out infinite}.telemetry dl{display:flex;margin:0}.telemetry dl div{min-width:75px;padding:0 13px;border-left:1px solid var(--edge)}.telemetry dt{margin-bottom:2px;color:#989898;font-size:7px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.telemetry dd{margin:0;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:650;white-space:nowrap}.telemetry dd small{color:var(--muted);font-size:7px}.fps-badge{position:absolute;right:var(--safe-right);bottom:var(--safe-bottom);display:flex;align-items:baseline;gap:4px;height:32px;padding:7px 10px;border-radius:9px;pointer-events:auto}.fps-light{align-self:center;width:5px;height:5px;margin-right:2px}.fps-badge strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.fps-badge small{color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.08em}.fps-badge.is-warning .fps-light{background:var(--amber);box-shadow:0 0 8px var(--amber)}.fps-badge.is-critical .fps-light{background:var(--pink);box-shadow:0 0 8px var(--pink)}.loading-veil{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;color:#fff;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.1),transparent 31%),radial-gradient(circle at 18% 20%,rgba(186,12,47,.07),transparent 28%),#050505;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility 0s linear .55s}.ride-ui.is-loading .loading-veil{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.loading-veil .eyebrow{margin-top:25px}.loading-veil h2{margin:9px 0 18px;font-size:clamp(22px,4vw,38px);letter-spacing:-.045em;text-transform:uppercase}.loader-orbit{position:relative;width:84px;height:84px;animation:spin 3.8s linear infinite}.loader-orbit:before,.loader-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.24)}.loader-orbit:before{inset:0}.loader-orbit:after{inset:20px;border-color:#ba0c2f4d}.loader-orbit i{position:absolute;top:50%;left:50%;width:3px;height:78px;border-radius:4px;background:linear-gradient(transparent,var(--cyan),transparent);transform:translate(-50%,-50%)}.loader-orbit i:nth-child(2){transform:translate(-50%,-50%) rotate(60deg);background:linear-gradient(transparent,var(--pink),transparent)}.loader-orbit i:nth-child(3){transform:translate(-50%,-50%) rotate(120deg)}.loader-orbit span{position:absolute;inset:35px;border-radius:50%;background:#fff;box-shadow:0 0 18px var(--cyan),0 0 38px var(--pink)}.loader-line{width:min(270px,70vw);height:2px;overflow:hidden;background:#ffffff1a;border-radius:4px}.loader-line i{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,var(--cyan),var(--pink),transparent);animation:load 1.3s ease-in-out infinite}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.38;transform:scale(.75)}}@keyframes load{0%{transform:translate(-120%)}to{transform:translate(340%)}}@media(max-width:960px){.onboarding{width:245px;padding:16px}.onboarding h2{font-size:24px}.briefing-copy,.hierarchy-line{display:none}.telemetry{left:var(--safe-left);transform:none;bottom:calc(var(--safe-bottom) + 104px)}.telemetry-title{display:none}.telemetry dl div{min-width:67px;padding:0 10px}.telemetry dl div:first-child{border-left:0}}@media(max-width:680px){.ride-ui{--safe-top: max(10px, env(safe-area-inset-top));--safe-right: max(10px, env(safe-area-inset-right));--safe-bottom: max(10px, env(safe-area-inset-bottom));--safe-left: max(10px, env(safe-area-inset-left))}.brand-panel{right:var(--safe-right);min-width:0;height:56px;padding:8px 10px}.brand-mark{width:38px;height:38px}.brand-orbit{width:31px;height:12px}.brand-satellite{top:5px;left:23px}.brand-copy .eyebrow{display:none}.brand-copy h1{font-size:17px}.live-indicator{font-size:7px}.control-deck{top:auto;bottom:var(--safe-bottom);width:calc(100vw - var(--safe-left) - var(--safe-right));max-height:min(52vh,420px);padding:13px;overflow-y:auto;overscroll-behavior:contain;border-radius:14px}.deck-heading{margin-bottom:9px}.deck-heading h2{font-size:15px}.primary-control{min-height:48px}.play-icon{width:32px;height:32px}.segmented-row,.motor-controls{margin-top:11px}.motor-controls{gap:8px;margin-bottom:10px}.onboarding{display:none}.telemetry{top:75px;right:var(--safe-right);bottom:auto;left:var(--safe-left);height:45px;min-height:0;padding:7px 8px;transform:none}.telemetry dl{width:100%}.telemetry dl div{min-width:0;flex:1;padding:0 7px}.telemetry dd{font-size:10px}.telemetry dl div:last-child{display:none}.fps-badge{top:126px;right:var(--safe-right);bottom:auto;height:27px}}@media(max-height:680px)and (min-width:681px){.control-deck{padding:13px}.deck-heading{margin-bottom:9px}.primary-control{min-height:48px}.segmented-row,.motor-controls{margin-top:10px}.motor-controls{gap:8px;margin-bottom:9px}.onboarding{padding:14px}.onboarding h2{font-size:23px}.briefing-copy{display:none}.hierarchy-line{margin:11px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@supports not ((backdrop-filter: blur(1px))){.glass-panel{background:var(--panel-strong)}}