:root{color-scheme:dark;--ink: #0b0d0d;--panel: rgba(17, 20, 20, .86);--panel-solid: #121515;--line: rgba(206, 220, 216, .17);--line-strong: rgba(206, 220, 216, .34);--paper: #e7ebe6;--muted: #8d9996;--red: #ee3018;--red-dark: #71170f;--cyan: #98aaa6;font-family:Bahnschrift,Avenir Next Condensed,DIN Alternate,Helvetica Neue,sans-serif;background:var(--ink)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--paper);background:radial-gradient(circle at 58% 42%,rgba(80,95,91,.15),transparent 40%),var(--ink)}button,input{font:inherit}button{color:inherit}#app:before{position:fixed;inset:0;z-index:2;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0 / 72px 72px,linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px) 0 0 / 72px 72px,radial-gradient(circle at center,transparent 48%,rgba(0,0,0,.42) 100%);mix-blend-mode:screen}#viewport{display:block;width:100%;height:100%;outline:none}.masthead{position:fixed;z-index:5;top:0;left:0;display:flex;width:100%;align-items:center;justify-content:space-between;padding:28px 34px;pointer-events:none}.brand-lockup,.system-readout,.deck-heading,.phase-block,.angle-readout>div{display:flex;align-items:center}.brand-mark{display:grid;width:36px;height:36px;margin-right:14px;grid-template-columns:repeat(3,1fr);gap:3px;transform:skewY(-16deg)}.brand-mark i{background:var(--red)}.brand-mark i:nth-child(2){height:74%;align-self:end}.brand-mark i:nth-child(3){height:46%;align-self:end}.eyebrow,.deck-heading p,.telemetry p,.coordinate-note,.system-readout,.view-hint{margin:0;color:var(--muted);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.15em}h1{margin:1px 0 0;font-size:27px;font-weight:900;line-height:.9;letter-spacing:.09em}.system-readout{gap:10px;padding:10px 13px;border:1px solid var(--line);background:#0a0c0c94;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.system-readout b{color:var(--paper)}.pulse{width:7px;height:7px;border-radius:50%;background:#78db93;box-shadow:0 0 14px #78db93cc;animation:pulse 1.5s ease-in-out infinite}.has-ik-warning .pulse{background:var(--red);box-shadow:0 0 14px #ee3018d9}.readout-divider{width:1px;height:14px;background:var(--line-strong)}.control-deck{position:fixed;z-index:6;top:104px;bottom:154px;display:flex;width:310px;flex-direction:column;padding:18px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.028),transparent 38%),var(--panel);box-shadow:0 22px 70px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.left-deck{left:28px}.right-deck{right:28px}.control-deck:before,.telemetry:before{position:absolute;top:-1px;left:-1px;width:74px;height:2px;content:"";background:var(--red)}.deck-heading{justify-content:space-between;margin-bottom:16px}.deck-heading>div{display:flex;align-items:center;gap:9px}.section-index{display:inline-grid;width:27px;height:27px;place-items:center;border:1px solid var(--line-strong);color:var(--red);font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:800}.mode-code{color:var(--paper);font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.12em}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);background:#0000003d}.segment,.play-button,.switch{border:0;cursor:pointer}.segment{padding:9px 8px;color:var(--muted);background:transparent;font-size:11px;font-weight:900;letter-spacing:.12em}.segment.is-active{color:#fff;background:var(--red);box-shadow:0 5px 18px #ee301838}.play-button{display:grid;width:100%;margin:10px 0 18px;padding:13px 12px;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line-strong);background:#ee301817;text-align:left;font-size:11px;font-weight:900;letter-spacing:.1em}.play-button:hover{border-color:#ee3018bf;background:#ee301829}.play-icon{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid var(--red)}.play-button:not(.is-paused) .play-icon{width:10px;height:11px;border:0;border-right:3px solid var(--red);border-left:3px solid var(--red)}kbd{padding:2px 5px;border:1px solid var(--line-strong);border-radius:2px;color:var(--muted);background:#00000040;font-family:IBM Plex Mono,monospace;font-size:8px}.hud-metrics{display:grid;flex:1;min-height:0;grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr);gap:8px}.hud-metric{position:relative;display:grid;min-width:0;gap:4px;padding:8px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(90deg,rgba(238,48,24,.045),transparent 48%),#00000026}.hud-metric:after{position:absolute;top:0;right:0;width:10px;height:10px;border-top:1px solid rgba(238,48,24,.55);border-right:1px solid rgba(238,48,24,.55);content:""}.metric-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;font-size:9px;letter-spacing:.1em}.metric-heading b{font-weight:800}.metric-heading small{overflow:hidden;color:#58615f;font-family:IBM Plex Mono,monospace;font-size:6px;letter-spacing:.08em;white-space:nowrap}output{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:8px}.hud-chart{width:100%;height:44px;overflow:visible}.hud-chart .chart-grid{fill:none;stroke:#bccdc81c;stroke-width:.8;vector-effect:non-scaling-stroke}.hud-chart polyline{fill:none;stroke:var(--red);stroke-width:1.4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(238,48,24,.6))}.hud-chart polyline.chart-secondary{stroke:#9aaba7;stroke-width:1;filter:none}.chart-area{fill:#ee301824;stroke:none}.radial-gauge{position:relative;width:76px;height:62px;margin:0 auto}.radial-gauge svg{width:62px;height:62px;margin-left:7px;overflow:visible;transform:rotate(-90deg)}.radial-gauge circle{fill:none;stroke-width:6}.radial-gauge .gauge-track{stroke:#cedcd81f}.radial-gauge .gauge-value{stroke:var(--red);stroke-linecap:square;stroke-dasharray:169.65;stroke-dashoffset:85;transition:stroke-dashoffset .12s linear}.radial-gauge>span{position:absolute;top:18px;left:0;width:76px;text-align:center}.radial-gauge strong{display:block;font:900 17px/1 IBM Plex Mono,monospace}.radial-gauge span small{color:var(--muted);font:700 6px/1 IBM Plex Mono,monospace;letter-spacing:.14em}.radial-gauge>i{position:absolute;bottom:1px;color:#59635f;font: 6px/1 IBM Plex Mono,monospace}.radial-gauge>i:first-of-type{left:0}.radial-gauge>i:last-of-type{right:0}.chart-legend{position:absolute;right:8px;bottom:20px;display:flex;align-items:center;gap:4px;color:#65706d;font:600 6px/1 IBM Plex Mono,monospace}.chart-legend i{width:9px;height:1px;background:var(--red)}.chart-legend i:nth-of-type(2){background:#9aaba7}.compass-chart{position:relative;width:66px;height:66px;margin:0 auto;border:1px solid var(--line-strong);border-radius:50%;background:linear-gradient(90deg,transparent 49%,var(--line) 49%,var(--line) 51%,transparent 51%),linear-gradient(transparent 49%,var(--line) 49%,var(--line) 51%,transparent 51%)}.compass-chart:after{position:absolute;inset:10px;border:1px solid var(--line);border-radius:50%;content:""}.compass-chart span{position:absolute;z-index:2;color:#6d7975;font:700 6px/1 IBM Plex Mono,monospace}.compass-chart .north{top:3px;left:29px;color:var(--red)}.compass-chart .east{top:30px;right:3px}.compass-chart .south{bottom:3px;left:29px}.compass-chart .west{top:30px;left:3px}#direction-needle{position:absolute;z-index:3;bottom:50%;left:50%;width:2px;height:22px;background:var(--red);box-shadow:0 0 8px #ee3018b8;transform:translate(-50%) rotate(0);transform-origin:50% 100%}#direction-needle:after{position:absolute;top:-2px;left:-2px;width:6px;height:6px;background:var(--red);content:"";transform:rotate(45deg)}.compass-chart>b{position:absolute;z-index:4;right:-36px;bottom:3px;width:34px;color:var(--paper);font:800 7px/1 IBM Plex Mono,monospace}.phase-lanes,.load-bars{display:grid;gap:1px;align-content:center;min-height:38px}.phase-lanes>span,.load-bars>span{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:4px}.phase-lanes small,.load-bars small{color:#68736f;font:700 6px/1 IBM Plex Mono,monospace}.phase-lanes b{position:relative;height:4px;overflow:visible;background:#cedcd81f}.phase-lanes b:before{position:absolute;inset:0 50% 0 0;content:"";background:#6f7b77}.phase-lanes>span:nth-child(2) b:before,.phase-lanes>span:nth-child(3) b:before,.phase-lanes>span:nth-child(6) b:before{right:0;left:50%}.phase-lanes i{position:absolute;top:-2px;bottom:-2px;left:0;width:1px;background:var(--red);box-shadow:0 0 4px #ee3018cc}.phase-lanes>span.is-swing small{color:var(--red)}.load-bars>span{grid-template-columns:18px 1fr}.load-bars span>i{position:relative;height:4px;overflow:hidden;border:1px solid rgba(206,220,216,.15);background:repeating-linear-gradient(90deg,rgba(206,220,216,.05) 0,rgba(206,220,216,.05) 9%,transparent 9%,transparent 11%)}.load-bars span>i>b{display:block;width:15%;height:100%;background:#889692;transition:width .1s linear,background .1s linear}.load-bars>span.is-loaded small{color:var(--paper)}.load-bars>span.is-obstacle i>b{background:#e89a38}input[type=range]{width:100%;height:2px;margin:0;appearance:none;background:linear-gradient(90deg,var(--red-dark),var(--line-strong));outline:none}input[type=range]::-webkit-slider-thumb{width:8px;height:11px;appearance:none;border:2px solid var(--panel-solid);border-radius:0;background:var(--paper);box-shadow:0 0 0 1px var(--red);cursor:ew-resize}.drive-console{display:flex;flex:1.15;min-height:228px;flex-direction:column;margin-bottom:10px;padding:11px;border:1px solid rgba(238,48,24,.42);background:linear-gradient(145deg,rgba(238,48,24,.105),transparent 52%),#00000038;box-shadow:inset 0 0 32px #ee301809;transition:border-color .18s ease,background .18s ease}.is-manual .drive-console{border-color:#ee3018d1;background:linear-gradient(145deg,rgba(238,48,24,.18),transparent 58%),#00000045}.drive-console-heading{display:flex;min-height:35px;align-items:start;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.drive-console-heading b,.travel-card b{display:block;font-size:10px;letter-spacing:.12em}.drive-console-heading small,.travel-card small{display:block;margin-top:3px;color:var(--muted);font-size:7px;letter-spacing:.06em}.drive-console-heading>span{color:var(--red);font:800 8px/1.2 IBM Plex Mono,monospace;letter-spacing:.08em;text-align:right}.drive-controls{display:grid;flex:1;min-height:0;padding-top:9px;grid-template-columns:minmax(142px,1.18fr) minmax(88px,.82fr);gap:9px}.drive-pad{display:grid;min-height:0;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px}.drive-pad button{display:grid;min-width:0;min-height:0;place-content:center;gap:1px;border:1px solid var(--line-strong);color:var(--paper);background:linear-gradient(145deg,rgba(255,255,255,.045),transparent),#050707b3;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease,transform .12s ease}.drive-pad button:hover,.drive-pad button:focus-visible{border-color:#ee3018e6;color:#fff;outline:none}.drive-pad button:active{transform:translateY(1px)}.drive-pad button.is-active{border-color:var(--red);color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent),var(--red-dark);box-shadow:0 0 18px #ee301833}.drive-pad button>span{font:800 18px/.9 IBM Plex Mono,monospace}.drive-pad button small{color:var(--muted);font-size:6px;letter-spacing:.06em}.drive-pad button.is-active small{color:#ffffffb8}.drive-pad .drive-stop{border-color:#ee30188f;color:var(--red)}.travel-card{position:relative;display:grid;min-width:0;padding:13px 10px;align-content:space-between;justify-items:start;overflow:hidden;border:1px solid var(--line-strong);color:var(--paper);background:#040606b8;cursor:pointer;text-align:left}.travel-card:after{position:absolute;right:-19px;bottom:-19px;width:55px;height:55px;border:1px solid rgba(238,48,24,.3);content:"";transform:rotate(45deg)}.travel-card:hover,.travel-card:focus-visible{border-color:#ee3018e6;outline:none}.travel-card[aria-pressed=true]{border-color:#ee3018c7;background:linear-gradient(145deg,rgba(238,48,24,.25),transparent 60%),#040606cc}.travel-status-light{width:9px;height:9px;border:1px solid #65706d;background:#252a29}.travel-card[aria-pressed=true] .travel-status-light{border-color:#ff6b54;background:var(--red);box-shadow:0 0 12px #ee3018cc;animation:pulse 1.5s ease-in-out infinite}.travel-card strong{position:relative;z-index:1;color:var(--muted);font:900 12px/1 IBM Plex Mono,monospace;letter-spacing:.09em}.travel-card[aria-pressed=true] strong{color:var(--red)}.right-deck .compact-metrics{flex:.85;min-height:166px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:6px}.compact-metrics .compass-metric{grid-row:1 / 3}.compact-metrics .hud-metric{gap:2px;padding:6px}.compact-metrics .metric-heading small{display:none}.compact-metrics .compass-chart{width:58px;height:58px}.compact-metrics .phase-lanes,.compact-metrics .load-bars{min-height:30px}.coordinate-note{display:flex;justify-content:space-between;margin-top:14px;padding:9px 0 0;border-top:1px solid var(--line);font-size:8px;letter-spacing:.09em}.coordinate-note code{color:var(--paper);font:inherit}.telemetry{position:fixed;z-index:6;right:28px;bottom:25px;left:28px;display:grid;min-height:112px;grid-template-columns:240px minmax(420px,1fr) 250px;gap:22px;padding:15px 18px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.phase-block{display:grid;grid-template-columns:29px 1fr;gap:10px}.phase-block strong{display:block;margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:23px;letter-spacing:.05em}.phase-track{grid-column:1 / -1;width:100%;height:3px;overflow:hidden;background:var(--line)}.phase-track i{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left center}.leg-grid{display:grid;grid-template-columns:repeat(6,minmax(48px,1fr));gap:6px}.leg-grid article{display:grid;min-width:0;padding:10px 8px;grid-template-columns:7px 1fr;grid-template-rows:auto auto;column-gap:7px;border:1px solid var(--line);cursor:pointer;transition:border-color .16s ease,background .16s ease}.leg-grid article:hover,.leg-grid article.is-selected{border-color:var(--line-strong);background:#ffffff09}.leg-grid article.is-selected{box-shadow:inset 0 -2px var(--red)}.leg-grid i{width:6px;height:6px;margin-top:4px;grid-row:1 / 3;border-radius:50%;background:#7cc592;box-shadow:0 0 9px #7cc5927a}.leg-grid article.is-swing i{background:var(--red);box-shadow:0 0 10px #ee3018a6}.leg-grid article.is-obstacle{border-color:#e89a3885;background:#e89a380f}.leg-grid article.is-obstacle i{background:#e89a38;box-shadow:0 0 11px #e89a38bf}.leg-grid span{font-size:15px;font-weight:900}.leg-grid small{overflow:hidden;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:7px;letter-spacing:.08em}.angle-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-left:18px;border-left:1px solid var(--line)}.angle-readout p{grid-column:1 / -1}.angle-readout>div{display:block}.angle-readout span{display:block;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:8px}.angle-readout strong{display:block;margin-top:4px;font-family:IBM Plex Mono,monospace;font-size:14px}.view-hint{position:fixed;z-index:5;bottom:153px;left:30px;display:flex;gap:18px;pointer-events:none;font-size:8px}.loading-screen{position:fixed;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;background:#0b0d0d;transition:opacity .5s ease,visibility .5s}.loading-screen.is-hidden{visibility:hidden;opacity:0}.loader-glyph{display:flex;height:50px;align-items:end;gap:6px;margin-bottom:18px;transform:skewY(-12deg)}.loader-glyph i{width:12px;background:var(--red);animation:loader .9s ease-in-out infinite alternate}.loader-glyph i:nth-child(1){height:48px}.loader-glyph i:nth-child(2){height:35px;animation-delay:.12s}.loader-glyph i:nth-child(3){height:22px;animation-delay:.24s}.loading-screen p{margin:0;font-size:13px;font-weight:900;letter-spacing:.14em}.loading-screen>span{margin-top:7px;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:8px;letter-spacing:.11em}@keyframes pulse{50%{opacity:.38;transform:scale(.72)}}@keyframes loader{to{height:14px;opacity:.34}}@media(max-height:780px)and (min-width:721px){.control-deck{top:84px;bottom:128px;padding:13px}.deck-heading{margin-bottom:10px}.drive-console{min-height:190px;padding:8px}.drive-console-heading{min-height:29px}.drive-controls{padding-top:6px}.right-deck .compact-metrics{min-height:130px}.coordinate-note{margin-top:7px;padding-top:6px}}@media(max-width:980px){.control-deck{top:86px;bottom:132px;width:275px}.left-deck{left:14px}.right-deck{right:14px}.hud-chart{height:24px}.drive-console{min-height:210px}.drive-controls{grid-template-columns:minmax(126px,1.2fr) minmax(78px,.8fr)}.right-deck .compact-metrics{min-height:150px}.telemetry{right:14px;bottom:14px;left:14px;grid-template-columns:185px 1fr}.angle-readout,.view-hint{display:none}}@media(max-width:720px){.masthead{padding:18px}.system-readout{display:none}.control-deck{inset:auto 12px 106px;width:auto;padding:12px}.right-deck{display:none}.hud-metrics{grid-template-columns:repeat(2,1fr);gap:10px 14px}.hud-chart{height:24px}.coordinate-note{display:none}.telemetry{min-height:82px;grid-template-columns:110px 1fr;gap:10px;padding:10px}.leg-grid{grid-template-columns:repeat(3,1fr)}.leg-grid article{padding:4px 6px}}