*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#171916}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d5b889;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);color:var(--text);background:transparent;padding:9px 13px;border-radius:3px;font-size:12px;transition:background .15s}button:hover:not(:disabled){background:var(--hover)}.app{--bg: #171916;--panel: #1b1e1a;--text: #eee9dc;--muted: #a2a69b;--accent: #d4c4a6;--line: #363c32;--map: #22291f;--map-grid: #414b38;--contour: #626b4a;--road: #48513e;--hover: #30362a;background:var(--bg);color:var(--text);min-height:100vh}.light{--bg: #eeeade;--panel: #f7f3e8;--text: #242b23;--muted: #626b5c;--accent: #6f603f;--line: #c8caba;--map: #e2e5d6;--map-grid: #c5ccb7;--contour: #a2ad8c;--road: #c1c9b3;--hover: #d9ddce}header{height:82px;padding:0 3.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:550}.brand-mark{border:1px solid var(--accent);height:34px;width:34px;display:grid;place-items:center;font-size:12px;letter-spacing:-.5px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:4px;font-weight:400}nav{align-self:stretch;display:flex;gap:22px}nav button{border:0;border-radius:0;padding:0;font-size:12px;color:var(--muted);position:relative}nav button.active{color:var(--text)}nav button.active:after{content:"";position:absolute;height:2px;background:var(--accent);bottom:0;left:0;right:0}.head-right{display:flex;align-items:center;gap:18px}.demo-label{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.demo-label i,.status-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:8px}.icon{border-radius:50%;width:25px;height:25px;padding:0}.intro{padding:48px 3.5% 40px;display:flex;justify-content:space-between;align-items:end;gap:28px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-bottom:17px}h1{font-size:clamp(27px,3.2vw,48px);font-weight:450;letter-spacing:-1.7px;line-height:1.08;margin:0 0 16px}p{line-height:1.6}.intro p{font-size:13px;color:var(--muted);margin:0}.mobile-break{display:none}.intro-action{flex-shrink:0;display:flex;flex-direction:column;align-items:end;gap:12px}.accent{background:var(--accent);color:var(--bg);border-color:var(--accent);padding:13px 17px;font-weight:550}.accent:hover:not(:disabled){background:var(--text);color:var(--bg)}.accent span{margin-left:22px}.intro-action>span{font-size:10px;color:var(--muted)}main{padding:0 3.5%}.mission-title{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-bottom:0;padding:16px 20px;font-size:11px}.muted{color:var(--muted);margin:0 13px}.mission-tools{display:flex;align-items:center;gap:18px;font-size:10px;color:var(--muted)}.mission-tools button{padding:4px 8px;font-size:10px}.console{display:grid;grid-template-columns:1.18fr 1fr;border:1px solid var(--line)}.map-wrap{border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column}.panel-heading{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:9px;letter-spacing:1.2px;border-bottom:1px solid var(--line);color:var(--muted)}.tag{font-size:8px;letter-spacing:.9px;padding:3px 6px;border:1px solid var(--line)}.map{position:relative;flex:1;display:flex;align-items:center;background:var(--map);overflow:hidden;min-height:290px}.map svg{width:100%;height:100%;min-height:290px;display:block;max-height:435px}.map-label{font-size:11px;letter-spacing:3px;fill:var(--muted);opacity:.6}.map-zoom{position:absolute;right:15px;bottom:18px;display:grid;gap:4px}.map-zoom button{background:var(--panel);width:30px;height:30px;padding:0;font-size:18px}.map-prompt{position:absolute;top:15px;left:50%;transform:translate(-50%);background:var(--panel);padding:8px 12px;font-size:10px;white-space:nowrap;border:1px solid var(--line)}.map-legend{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--muted);padding:11px 18px;border-top:1px solid var(--line)}.map-legend span{display:flex;align-items:center;gap:8px}.line-key{width:16px;height:2px;background:var(--accent)}.dot-key{width:5px;height:5px;border-radius:50%;background:var(--accent)}.map-readout{display:grid;grid-template-columns:1.3fr 1fr 1fr;padding:18px;background:var(--panel);border-top:1px solid var(--line);gap:15px}.map-readout small{font-size:8px;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:9px}.map-readout strong{font-weight:400;font-size:22px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.map-readout em{font-style:normal;font-size:11px;color:var(--muted);margin-left:3px}.warning{color:#dfae7c}.image-wrap{min-width:0;background:var(--panel)}.image-toolbar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px;color:var(--muted);gap:10px}.image-toolbar>div{display:flex;gap:9px;align-items:center}.image-toolbar button{padding:2px 6px;font-size:11px}.camera{position:relative;aspect-ratio:1.76;overflow:hidden;background:#161a15}.camera-plane{width:100%;height:100%;transform-origin:45% 35%;transition:transform .25s}.camera img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;filter:saturate(.65) brightness(.87)}.bbox{position:absolute;left:31%;top:14%;width:28%;height:33%;padding:0;border:1px solid #edc692;border-radius:0;background:#e6c4960d}.bbox:hover:not(:disabled){background:#e6c4961a}.bbox>span{position:absolute;left:-1px;top:-20px;white-space:nowrap;background:#24291feb;color:#f4d5a4;padding:4px 6px;font-size:7px;letter-spacing:.5px}.bbox i{position:absolute;width:8px;height:8px;border-color:#ffe2b7;border-style:solid}.bbox i:nth-of-type(1){left:-2px;top:-2px;border-width:2px 0 0 2px}.bbox i:nth-of-type(2){right:-2px;top:-2px;border-width:2px 2px 0 0}.bbox i:nth-of-type(3){left:-2px;bottom:-2px;border-width:0 0 2px 2px}.bbox i:nth-of-type(4){right:-2px;bottom:-2px;border-width:0 2px 2px 0}.image-caption{position:absolute;bottom:10px;left:12px;background:#161916ce;color:#eee9dc;padding:5px 7px;font-size:9px}.image-actions{padding:12px 16px;font-size:10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted)}.image-actions label{display:flex;align-items:center;gap:6px}.image-actions input{accent-color:var(--accent);margin:0}.observation{padding:19px 18px;display:flex;gap:24px;align-items:start}.observation>div{flex:1}.observation small{font-size:8px;letter-spacing:.8px;color:var(--muted)}.observation h2{font-size:18px;font-weight:450;margin:9px 0 0;letter-spacing:-.4px}.observation p{font-size:11px;max-width:210px;color:var(--muted);margin:0;flex:1}.timeline{padding:16px 20px 12px;border:1px solid var(--line);border-top:0;background:var(--panel)}.timeline-controls{display:flex;align-items:center;gap:14px;margin-bottom:13px}.play{width:30px;height:28px;padding:0;color:var(--accent)}.timeline-controls strong{font-size:12px;font-weight:450;font-variant-numeric:tabular-nums}.timeline-controls strong span{color:var(--muted);margin-left:6px}.timeline select{background:var(--panel);color:var(--text);border:1px solid var(--line);font-size:10px;padding:5px}.timeline-hint{font-size:10px;color:var(--muted);margin-left:auto}.scrubber{width:100%;accent-color:var(--accent);height:4px;display:block;margin:10px 0;cursor:pointer}.event-ticks{position:relative;height:13px;margin-right:10px}.event-ticks button{position:absolute;padding:0;width:18px;height:18px;transform:translate(-3px);border:0;top:-7px}.event-ticks span{display:block;width:4px;height:6px;background:var(--muted)}.event-ticks .selected span{background:var(--accent);height:10px}.axis{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.7px;color:var(--muted)}.lower{display:grid;grid-template-columns:1.18fr 1fr;border:1px solid var(--line);border-top:0}.telemetry{border-right:1px solid var(--line)}.chart{padding:14px 20px 0}.chart>div{display:flex;justify-content:space-between;align-items:center;font-size:11px}.chart strong{font-weight:450;font-variant-numeric:tabular-nums}.chart small{color:var(--muted);font-size:9px}.chart svg{width:100%;height:65px;display:block;margin-top:7px;cursor:crosshair}.chart-note{font-size:9px;margin:12px 20px 17px;color:var(--muted)}.event{display:flex;align-items:center;width:100%;border:0;border-radius:0;border-bottom:1px solid var(--line);padding:12px 18px;gap:18px;text-align:left;min-height:49px}.event:last-child{border-bottom:0}.event time{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.event>div{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px}.event strong{font-size:11px;font-weight:450}.event div span{font-size:9px;color:var(--muted)}.event.selected{background:var(--hover);box-shadow:inset 2px 0 var(--accent)}.event>span{color:var(--muted)}.engineering{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;padding:65px 0;border-bottom:1px solid var(--line)}.engineering h2{font-size:34px;line-height:1.1;font-weight:450;letter-spacing:-1px;margin:0 0 20px}.engineering p{font-size:12px;color:var(--muted)}.engineering button{margin-top:8px}.engineering-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;align-items:center}.engineering-cards article{border-top:1px solid var(--line);padding-top:20px}.engineering-cards article>span{font-size:8px;letter-spacing:.8px;color:var(--muted)}.engineering h3{font-size:17px;font-weight:450;line-height:1.25;margin:18px 0 13px}.engineering-cards p{font-size:11px}footer{padding:35px 3.5%;display:flex;justify-content:space-between;gap:30px}footer a{font-size:14px}footer p{font-size:10px;color:var(--muted)}footer span{font-size:10px}.text-button{padding:0;border:0;font-size:10px;color:var(--accent)}.about{margin:0 3.5% 25px;padding:22px;max-width:900px;border:1px solid var(--line);background:var(--panel)}.about h2{font-size:20px}.about p{font-size:13px;color:var(--muted)}.controls{padding:17px}.controls>p{font-size:11px;margin:0 0 14px;color:var(--muted)}.command-state{font-size:11px;margin-bottom:15px;display:flex;gap:8px;align-items:center}.command-state i{width:5px;height:5px;background:var(--accent);border-radius:50%}.command-state i.offline{background:#d89568}.controls>.accent{width:100%}.command-row{display:flex;gap:8px;margin-top:9px}.command-row button{flex:1}.command-log{height:73px;overflow:auto;margin-top:10px}.command-log p{font-size:10px;border-bottom:1px solid var(--line);padding-bottom:6px;margin:6px 0;color:var(--muted)}@media(min-width:1600px){.intro,main,footer,header{padding-left:max(3.5%,calc((100vw - 1600px)/2));padding-right:max(3.5%,calc((100vw - 1600px)/2))}}@media(max-width:1000px){.intro-action>span{max-width:190px;text-align:right;line-height:1.5}.engineering{gap:35px}.engineering-cards{gap:15px}.observation{gap:12px}.observation p{font-size:10px}.map-readout strong{font-size:18px}.head-right{gap:8px}.demo-label{font-size:8px}nav{gap:15px}}@media(max-width:700px){header{height:auto;padding:15px 18px;flex-wrap:wrap;gap:16px}.brand{font-size:13px}.head-right{margin-left:auto}nav{order:3;width:100%;height:34px;gap:25px}nav button{font-size:11px}.intro{padding:28px 18px;display:block}.intro h1{font-size:33px;letter-spacing:-1px;line-height:1.1}.mobile-break{display:block}.intro p{font-size:12px}.intro-action{align-items:start;margin-top:21px;gap:9px}.intro-action>span{max-width:none;text-align:left;font-size:9px}.intro-action .accent{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.2px}main{padding:0 12px}.mission-title{padding:13px 12px;font-size:10px;gap:8px}.mission-title .muted{margin:0 7px}.mission-tools>span{display:none}.console,.lower{grid-template-columns:1fr}.map-wrap,.telemetry{border-right:0}.image-wrap{border-top:1px solid var(--line)}.map{min-height:225px}.map svg{min-height:225px}.map-readout{padding:14px;gap:10px}.map-readout strong{font-size:20px}.panel-heading{padding:0 13px}.map-legend{padding:10px 13px;font-size:8px;gap:8px}.camera{aspect-ratio:1.5}.observation{padding:17px 14px}.observation h2{font-size:17px}.observation p{font-size:11px}.timeline{padding:14px 12px}.timeline-hint{display:none}.event-list{border-top:1px solid var(--line)}.engineering{padding:38px 6px;grid-template-columns:1fr;gap:28px}.engineering>div>p{max-width:430px}.engineering-cards{grid-template-columns:1fr;gap:15px}.engineering-cards article{display:grid;grid-template-columns:1fr 1.3fr;gap:0 18px;padding-top:15px}.engineering-cards article>span{grid-column:1/-1}.engineering h3,.engineering-cards p{margin:13px 0}.engineering h2{font-size:29px}footer{padding:28px 18px;flex-direction:column;gap:15px}.event{padding:12px 14px}.event div span{font-size:8px}.map-prompt{font-size:9px}.about{margin:0 18px 20px}.bbox>span{font-size:6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.camera{aspect-ratio:4/3;touch-action:pan-y}.camera-plane{transform-origin:45% 35%}.camera img{object-fit:contain}.bbox{left:32%;top:19%;width:27%;height:20%}.camera:has(.camera-plane[style*="scale(1.5)"]),.camera:has(.camera-plane[style*="scale(2"]),.camera:has(.camera-plane[style*="scale(3)"]){touch-action:none;cursor:grab}.app.light{--hover: #d9ddce;--panel: #f7f3e8;--accent: #6f603f}.app.light .event.selected{background:#d9ddce;color:#242b23}.app.light .map-zoom button{background:#f7f3e8;color:#242b23}.app.light .accent{background:#6f603f;color:#fffaf1}.geo-container{position:relative;flex:1;min-height:410px;background:#24291e}.geographic-map{position:absolute;top:0;right:0;bottom:0;left:0}.geo-status{position:absolute;left:12px;top:12px;background:#171916db;color:#eee9dc;padding:7px 10px;font-size:10px;max-width:75%;pointer-events:none}.asset-key{position:absolute;left:12px;bottom:34px;background:#171916db;color:#f4d8aa;font-size:9px;padding:7px 10px;pointer-events:none}.asset-key span{color:#b2c2cd;margin-left:12px}.arm-panel{min-width:0;background:var(--panel)}.model-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:10px;color:var(--muted)}.model-toolbar select{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:6px;font-size:12px}.model-canvas{height:355px;width:100%;touch-action:none}.model-canvas canvas{display:block;width:100%;height:100%}.model-settings{display:flex;gap:15px;align-items:center;padding:12px 14px;border-top:1px solid var(--line);font-size:10px}.model-settings label{display:flex;gap:5px;align-items:center}.model-settings span{margin-left:auto;color:var(--muted);font-size:9px}.model-settings input{accent-color:var(--accent)}.mesh-status,.mesh-caption{font-size:10px;color:var(--muted);padding:0 14px;line-height:1.5}.archive-observations{border:1px solid var(--line);border-top:0;background:var(--panel)}.archive-observations summary{cursor:pointer;padding:16px 18px;font-size:12px;color:var(--accent)}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px}.archive-grid>section>img{width:100%;height:auto}.archive-grid h2{font-size:20px;font-weight:450}.archive-grid>section>p{font-size:11px;color:var(--muted)}.maplibregl-ctrl button{padding:0}.maplibregl-ctrl-attrib{font-size:9px!important}.maplibregl-canvas{outline:none}@media(max-width:700px){.geo-container{min-height:310px}.model-canvas{height:310px}.arm-panel{border-top:1px solid var(--line)}.model-settings{flex-wrap:wrap}.model-settings span{margin-left:0}.archive-grid{grid-template-columns:1fr}.asset-key span{display:block;margin:4px 0 0}.model-toolbar{gap:10px}}.mode-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:12px}.mode-label select{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:6px;font-size:11px}.jog-controls{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.jog-controls span{width:100%;font-size:10px;color:var(--muted)}.jog-controls button{flex:1;font-size:10px}.mission-app{--bg: #181b17;--panel: #20241e;--line: #394032;--text: #eee8d9;--muted: #a2ac97;--accent: #d4bf99;--hover: #303829;color:var(--text);background:var(--bg);min-height:100vh}.mission-header{padding:0 3%;height:74px}.mission-header>a{display:flex;align-items:center;gap:13px;font-size:14px}.mission-header small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.monogram{border:1px solid var(--accent);padding:10px;font-size:12px}.header-project{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.mission-intro{padding:35px 3% 30px;display:flex;justify-content:space-between;gap:25px;align-items:center}.mission-intro h1{font-size:45px;margin:0 0 12px;font-weight:450}.mission-intro>div>p:last-child{font-size:13px;color:var(--muted);margin:0}.intro-buttons{display:flex;gap:9px;flex-wrap:wrap;max-width:360px;justify-content:end}.intro-buttons small{width:100%;text-align:right;color:var(--muted);font-size:10px}.mission-app .primary{background:var(--accent);color:#191d16;border-color:var(--accent);padding:12px 18px}.primary span{margin-left:20px}.mission-main{padding:0 3%}.mission-strip{display:flex;justify-content:space-between;padding:14px 18px;border:1px solid var(--line);font-size:10px;letter-spacing:.7px}.mission-strip i{margin:0 12px;color:var(--muted)}.mission-strip>div>span:last-child:not(.tiny-dot){margin-left:20px;color:var(--muted);font-variant-numeric:tabular-nums}.tiny-dot,.live-dot,.fault-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c2cca8;margin-right:8px}.fault-dot{background:#dc9c6e}.stepper{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0}.stepper button{border:0;border-right:1px solid var(--line);border-radius:0;text-align:left;padding:15px 18px;font-size:11px;color:var(--muted)}.stepper span{margin-right:12px;color:var(--muted)}.stepper .current{color:var(--text);background:#303627;border-bottom:2px solid var(--accent)}.stepper .done{color:#d0dabb}.stepper .done span{color:#c4d7a4}.mission-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);border:1px solid var(--line);border-top:0}.scene-section{min-width:0;display:flex;flex-direction:column}.mission-scene{height:560px;position:relative;flex:1;min-height:460px}.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.scene-canvas canvas{display:block}.scene-label{position:absolute;left:17px;top:17px;font-size:9px;letter-spacing:.7px;background:#191d16b8;padding:7px 9px}.scene-fps{position:absolute;top:22px;right:18px;font-size:11px;color:#e2d8c6}.scene-fps small{color:#a3ad98;margin-left:4px}.view-controls{position:absolute;left:16px;bottom:43px;display:flex;gap:5px}.view-controls button{font-size:10px;background:#20251de8;padding:7px 10px}.scene-foot{position:absolute;bottom:12px;left:17px;right:17px;display:flex;justify-content:space-between;font-size:9px;color:#a8b49c;gap:15px}.pose-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:10px;padding:19px 17px;border-top:1px solid var(--line);background:var(--panel)}.pose-row small{font-size:8px;letter-spacing:.7px;color:var(--muted);display:block;margin-bottom:9px}.pose-row strong{font-size:20px;font-weight:450;font-variant-numeric:tabular-nums}.pose-row em{font-size:9px;font-style:normal;color:var(--muted);margin-right:7px}.operator-panel{border-left:1px solid var(--line);background:var(--panel)}.control-content{padding:16px}.command-notice{background:#2a3124;border-left:2px solid var(--accent);padding:11px 12px;margin-bottom:15px}.command-notice>span{font-size:12px}.command-notice p{font-size:10px;line-height:1.5;color:var(--muted);margin:6px 0 0}.command-notice.fault{border-color:#de9f70;background:#382d23}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.action-grid button{padding:11px 8px;font-size:11px}.action-grid .ready-action{background:var(--accent);color:var(--bg)}.section-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.5px;margin:22px 0 14px;color:var(--muted)}.section-label span{letter-spacing:0}.target-control{display:block;margin-bottom:15px}.target-control>span{display:flex;justify-content:space-between;font-size:11px}.target-control b{font-weight:450;color:var(--muted);font-variant-numeric:tabular-nums}.target-control input{width:100%;display:block;accent-color:var(--accent);height:4px;margin:12px 0;cursor:pointer}.joint-values{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:10px}.joint-values span{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.joint-values strong{font-size:13px;font-weight:450;font-variant-numeric:tabular-nums}.safety-controls{display:grid;grid-template-columns:1fr 1.3fr;gap:7px;margin-top:15px}.safety-controls button{font-size:10px}.safety-controls .stop{color:#e4ad81;border-color:#7f6246}.stow-button{width:100%;margin-top:7px;font-size:10px}.control-footnote{font-size:9px;color:var(--muted);line-height:1.5;margin:13px 0 0}.mission-bottom{display:grid;grid-template-columns:1fr 1.5fr;border:1px solid var(--line);border-top:0}.workcell{border-right:1px solid var(--line);background:#20271e}.workcell svg{width:100%;height:240px;display:block}.mission-events{min-width:0}.event-scroll{height:188px;overflow:auto}.record{display:flex;gap:14px;align-items:center;padding:11px 15px;border-bottom:1px solid var(--line);font-size:10px}.record time{color:var(--muted);font-variant-numeric:tabular-nums}.record>span{flex:1;line-height:1.4}.record b{font-size:8px;font-weight:450;color:var(--muted)}.record.blocked b,.record.fault b{color:#e0a270}.record.complete b{color:#c8d8b4}.record-actions{display:flex;gap:7px;padding:13px 15px}.record-actions button{font-size:10px}.replay-control{padding:0 15px 15px;font-size:11px}.replay-control input{display:block;width:100%;margin:14px 0;accent-color:var(--accent)}.replay-control>span{font-size:9px;color:var(--muted)}.mission-explanation{padding:45px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;border-bottom:1px solid var(--line)}.mission-explanation h2{font-size:30px;line-height:1.15;font-weight:450;letter-spacing:-.8px;margin:0}.mission-explanation>p{font-size:12px;line-height:1.7;color:var(--muted);max-width:590px}.mission-footer{padding:27px 3%;display:flex;justify-content:space-between;font-size:11px}.mission-footer>span{color:var(--muted);font-size:9px;line-height:1.6}.source-note{padding:20px;margin:0 3% 25px;border:1px solid var(--line);max-width:950px}.source-note p{font-size:12px;color:var(--muted)}.source-note h2{font-size:20px;font-weight:450}.source-note a,.source-note summary{font-size:12px;cursor:pointer}.source-note details{margin-top:15px}.source-note img{width:100%;margin-top:15px}.workflow-help{padding:12px 18px;margin:0;border:1px solid var(--line);font-size:12px;color:var(--muted)}.success{color:#c6d6b3}.captures{padding-top:25px}.captures h2{font-size:20px;font-weight:450}.captures>div{display:flex;gap:15px;overflow:auto}.captures figure{margin:0;min-width:240px;max-width:320px}.captures img{width:100%}.captures figcaption{font-size:10px;color:var(--muted);padding:8px 0}@media(max-width:800px){.header-project{display:none}.mission-intro{display:block;padding:26px 18px}.mission-intro h1{font-size:34px}.intro-buttons{justify-content:start;margin-top:20px}.intro-buttons small{text-align:left}.mission-main{padding:0 10px}.mission-strip{font-size:8px;padding:12px}.stepper button{font-size:9px;padding:12px 8px;line-height:1.5}.stepper span{display:block;margin-bottom:3px}.mission-workspace{grid-template-columns:1fr}.operator-panel{border-left:0;border-top:1px solid var(--line)}.mission-scene{height:390px;min-height:390px}.scene-foot{font-size:8px;flex-wrap:wrap;gap:4px}.scene-foot span{display:none}.pose-row{padding:15px 12px}.pose-row strong{font-size:17px}.pose-row em{font-size:8px;margin-right:2px}.pose-row small{font-size:7px}.mission-bottom{grid-template-columns:1fr}.workcell{border-right:0;border-bottom:1px solid var(--line)}.mission-explanation{grid-template-columns:1fr;gap:12px;padding:30px 8px}.mission-explanation h2{font-size:26px}.mission-footer{gap:16px;flex-direction:column;padding:24px 18px}.mission-header{height:68px;flex-wrap:nowrap;padding:0 18px}.mission-header>a{font-size:12px}.mission-header button{font-size:10px;padding:7px}.scene-label{font-size:8px;left:12px}.scene-fps{font-size:9px;right:12px}.control-content{padding:17px}.action-grid button{padding:14px;font-size:12px}.target-control input{margin:17px 0;height:6px}.record{font-size:9px;gap:10px}}@media(max-width:800px){.pose-row{grid-template-columns:1fr 1fr}.pose-row>div:first-child{grid-column:1/-1}.pose-row>div:first-child strong{white-space:nowrap}.scene-section{position:sticky;top:0;z-index:3;background:var(--bg);align-self:start}.mission-scene{height:280px;min-height:280px}.pose-row{padding:10px 12px;gap:8px}.pose-row small{margin-bottom:4px}.pose-row strong{font-size:15px}}.showcase{min-height:0!important;background:#181b17}.showcase-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #414938;font-size:10px;letter-spacing:.08em}.showcase-top button{padding:6px 12px;font-size:11px}.showcase-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px}.showcase .mission-scene{height:430px;min-height:0}.showcase aside{padding:26px 22px;background:#22271e;border-left:1px solid #414938}.showcase aside h2{font-size:23px;line-height:1.2;font-weight:450;margin:13px 0}.showcase aside p{font-size:12px;line-height:1.65;color:#b8c0ad}.showcase-steps{margin:20px 0}.showcase-steps>div{font-size:11px;padding:8px 0;color:#839078;display:flex;gap:12px;border-bottom:1px solid #343e2c}.showcase-steps .active{color:#e4d1ae}.showcase-event>span{font-size:9px;color:#e4d1ae}.showcase-event p{font-size:10px!important;margin:6px 0}.showcase-bottom{display:flex;justify-content:space-between;gap:15px;padding:12px 16px;border-top:1px solid #414938;font-size:10px;color:#a9b49c}.showcase .scene-foot{font-size:9px}.showcase .scene-foot>span{display:none}.showcase .view-controls button{font-size:10px;padding:6px}.showcase .scene-label{font-size:9px}.showcase .scene-fps{font-size:10px}@media(max-width:650px){.showcase-layout{grid-template-columns:1fr}.showcase .mission-scene{height:300px}.showcase aside{border-left:0;border-top:1px solid #414938;padding:14px 16px}.showcase aside h2{font-size:20px;margin:8px 0}.showcase-steps{display:flex;gap:12px;margin:12px 0}.showcase-steps>div{font-size:9px;gap:4px;flex:1}.showcase-event{display:none}.showcase-bottom{font-size:9px}.showcase-bottom>span:first-child{display:none}}.map-preview{min-height:0!important}.preview-toolbar,.preview-caption{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;font-size:10px;color:#b5bfa9;gap:12px}.preview-toolbar button{padding:5px 10px;font-size:10px}.map-preview .geomap,.map-preview .geo-map{height:380px!important}.map-preview .map-status{font-size:10px}.map-preview>div:nth-child(2){height:380px;min-height:0}@media(max-width:600px){.map-preview>div:nth-child(2){height:300px}.preview-toolbar{font-size:9px}}.mission-story{--bg:#141414;--panel:#1b1b1b;--line:#383838;--text:#eeeae1;--muted:#aaa8a3;--accent:#d2bfa1;--hover:#292929;min-height:0!important;background:#141414;color:#eeeae1}.story-view-header{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 22px}.story-view-header span{font-size:9px;letter-spacing:.12em;color:#aaa8a3}.story-view-header h3{font-size:24px;font-weight:450;margin:9px 0 0}.story-view-header button{padding:8px 15px;font-size:12px}.story-steps{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid #383838}.story-steps>span{padding:13px 18px;display:flex;gap:10px;color:#96938c;font-size:11px}.story-steps .active{background:#262626;color:#f1e4ce}.story-steps .done{color:#ccc9c2}.story-steps b{font-weight:400}.story-status{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;font-size:10px;color:#b3b0a8}.single-viewer .geo-container,.single-viewer .mission-scene{height:440px;min-height:0}.single-viewer [hidden]{display:none!important}.story-caption{padding:18px 22px;border-top:1px solid #383838;display:flex;justify-content:space-between;align-items:center;gap:25px}.story-caption>span{font-size:14px;line-height:1.6;max-width:760px}.view-switch{display:flex;gap:5px;flex-shrink:0}.view-switch button{font-size:10px;padding:7px 9px}.view-switch .selected{border-color:#cbb89c}.story-provenance{margin:0;padding:12px 22px;font-size:10px;line-height:1.5;color:#9c9991;border-top:1px solid #383838}.story-diagnostics{padding:10px 22px;color:#b3b0a8;font-size:11px;border-top:1px solid #383838}.story-diagnostics summary{cursor:pointer}.story-diagnostics>div{padding:10px 0}.story-diagnostics p{font-size:12px}.story-diagnostics button{padding:8px 12px}.story-diagnostics small{display:block;margin-top:10px}.mission-vehicle-marker{display:flex;flex-direction:column;align-items:center;color:#e4d2b6;pointer-events:none}.mission-vehicle-marker>span{font-size:25px;line-height:27px;filter:drop-shadow(0 2px 2px #000)}.mission-vehicle-marker b{font-size:10px;background:#141414e8;border:1px solid #9eabba;padding:4px 7px}.mission-story .scene-label,.mission-story .scene-fps{font-size:10px}.mission-story .scene-label{background:#191919dd}.mission-story .live-dot{background:#c9c5bc}.mission-story .scene-foot{font-size:9px}.mission-story .scene-foot>span{display:none}.mission-story .view-controls button{font-size:10px;padding:6px 8px}.mission-story .geo-status,.mission-story .asset-key{background:#141414e8;color:#ddd8cf;font-size:10px}@media(max-width:700px){.story-view-header{padding:15px}.story-view-header h3{font-size:21px}.story-steps>span{padding:10px 5px;gap:4px;font-size:9px;flex-direction:column}.story-status{padding:10px;font-size:8px}.single-viewer .geo-container,.single-viewer .mission-scene{height:340px}.story-caption{padding:14px;flex-direction:column;align-items:flex-start;gap:10px}.story-caption>span{font-size:12px}.story-provenance,.story-diagnostics{padding:10px 14px}}.mission-story .view-controls button{background:#1b1b1b;color:#e5e0d7;border-color:#4a4843}.mission-story .scene-foot{color:#b3b0a8}.mission-story .geographic-map{background:#1b1b1b}.mission-site-marker{background:#141414e8;color:#eee4d2;border:1px solid #a89880;font-size:10px;padding:5px 7px}.command-record{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:11px}.command-record th,.command-record td{text-align:left;padding:8px;border-bottom:1px solid #383838}.command-record th{color:#b3b0a8;font-weight:400}.command-record td:first-child{white-space:nowrap}.arm-state-readout{position:absolute;right:16px;top:58px;display:flex;flex-direction:column;gap:8px;padding:12px;background:#141414e8;border-left:2px solid #c8bca5;font-size:11px;color:#c9c5bc;pointer-events:none}.arm-state-readout b{font-weight:500;color:#eee9df;font-size:10px}@media(max-width:700px){.arm-state-readout{top:48px;right:10px;font-size:9px;padding:8px;gap:4px}}.mission-story,.mission-story button,.mission-story select{font-family:Arial,Helvetica,sans-serif!important}.story-view-header span{font-size:12px;letter-spacing:0;color:#aaa69e;text-transform:none}.story-view-header h3{font-size:23px;line-height:1.25;font-weight:500}.story-steps{display:flex;gap:0;padding:0 22px;border-bottom:1px solid #383838}.story-steps>span{flex:1;padding:12px 0;color:#928e86;gap:7px}.story-steps .active{background:none;color:#eee9df;box-shadow:inset 0 -2px #cab58e}.story-steps b{font-size:10px}.story-caption{align-items:flex-start}.view-choice{font-size:11px;color:#aaa69e;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.view-choice select{padding:8px 24px 8px 10px;border:1px solid #4a4843;background:#1b1b1b;color:#eee9df;border-radius:0}.arm-state-readout{border-left:none;border-top:1px solid #5d574b;background:#181818e8;padding:10px 12px}.arm-state-readout b{font-weight:400;font-size:13px}.scene-label{text-transform:none!important;letter-spacing:0!important}.route-checkpoint{width:20px;height:20px;text-align:center;line-height:18px;border:1px solid #c8bca5;background:#171717;color:#e2ddd4;font:11px/18px Arial}.mission-story .scene-fps small{color:#aaa69e}.mission-story .view-controls button{border-radius:0}.mission-story .view-controls{gap:0}.mission-story .view-controls button+button{border-left:0}.mission-story .scene-foot{letter-spacing:0}.mission-story .single-viewer{background:#191919}@media(max-width:700px){.story-steps{padding:0 12px}.story-steps>span{padding:10px 2px}.view-choice{width:100%}.story-view-header h3{font-size:20px}}.arm-overview-label{position:absolute;bottom:14px;right:16px;font:10px Arial;color:#eee9df;padding:3px 6px;background:#141414d9;pointer-events:none}.mission-story .scene-foot{bottom:43px}.mission-story .view-controls{bottom:12px;max-width:60%;flex-wrap:wrap}.mission-story .view-controls button{font-size:9px;padding:5px}.arm-state-readout{font-size:10px}@media(max-width:700px){.mission-story .view-controls{max-width:58%}.mission-story .scene-foot{display:none}}.single-viewer>div{position:relative}.map-task{position:absolute;top:50px;left:15px;width:285px;background:#161616f5;border:1px solid #4a4843;padding:16px;color:#e7e2d8;font:12px/1.45 Arial}.task-heading{display:flex;justify-content:space-between;font-size:10px;color:#bbb3a5}.task-heading strong{font-weight:400;color:#ead8b5}.map-task h4{font-size:16px;margin:12px 0 8px}.map-task p{font-size:12px;margin:0 0 12px;color:#b9b3a8}.map-task dl{margin:0}.map-task dl>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #34322e}.map-task dt{color:#aaa398}.map-task dd{margin:0;text-align:right}.map-task select{background:#25231f;color:#eee7db;border:1px solid #554e43}.task-actions{display:flex;gap:8px;margin-top:12px}.task-actions button{padding:8px 12px;border:1px solid #b6a687;background:#d2c3a5;color:#161616}.task-actions button+button{background:transparent;color:#d2c3a5;border-color:#5b554b}.map-task small{display:block;margin-top:10px;font-size:10px;color:#aaa398}@media(max-width:700px){.map-task{position:relative;top:auto;left:auto;width:100%;border-inline:0;border-bottom:0}.single-viewer .geo-container{height:320px}.map-task p{max-width:45ch}}.operator-decision{margin:12px 0;padding:10px 12px;background:#ded3bd;color:#27221b}.operator-decision>span{font-size:10px;color:#655640}.operator-decision p{margin:5px 0 0;color:#27221b;font-size:12px}.telemetry-heading{font-size:10px;color:#c3bcae;margin:12px 0 6px}.arm-state-readout small{font-size:8px;color:#b4ab9d}.arm-state-readout{gap:5px}.map-task{top:45px;padding:12px;width:285px}.map-task>p{display:none}.mission-story .view-controls{max-width:54%}@media(max-width:700px){.map-task{top:auto;width:100%}.arm-state-readout{font-size:8px;top:39px;padding:7px;gap:3px}.arm-state-readout b{font-size:11px}.mission-story .view-controls{max-width:50%}}.sample-detection{position:absolute;border:1px solid #f1e4c7;pointer-events:none;box-sizing:border-box;display:none}.sample-detection>span{position:absolute;left:-1px;top:-23px;background:#171714ed;color:#f1e4c7;padding:4px 6px;font:10px Arial;white-space:nowrap}.arm-state-readout span{max-width:240px}.story-view-header{padding:12px 18px}.story-view-header h3{margin:0;font-size:20px}.story-caption{padding:10px 16px;justify-content:flex-end}.view-choice{flex-direction:row;align-items:center;gap:10px}.mission-story .scene-foot{display:none}.map-task{padding:12px}.operator-decision{margin:8px 0}.story-steps>span{padding:9px 0}.mission-vehicle-marker{width:24px;height:24px;display:block}.mission-vehicle-marker>span{position:absolute;top:0;right:0;bottom:0;left:0;width:24px;height:24px;line-height:24px;transform-origin:12px 12px}.mission-vehicle-marker b{position:absolute;top:29px;left:50%;transform:translate(-50%);white-space:nowrap}.map-decision{position:absolute;bottom:38px;left:16px;background:#171714ef;border-left:2px solid #c5b99f;padding:12px 16px;max-width:460px;color:#eee5d6}.map-decision span{font:11px Arial;color:#c5b99f}.map-decision p{font:15px/1.4 Arial;margin:6px 0 0}.mission-story .asset-key{top:42px;bottom:auto}@media(max-width:700px){.map-decision{bottom:32px;left:10px;right:10px;padding:9px 12px}.map-decision p{font-size:12px}}.mission-title{display:flex;align-items:center;gap:14px;min-width:0}.story-view-header .mission-status-label{display:inline-block;background:#bf793e;color:#17130f;font:600 11px/1.2 Arial,Helvetica,sans-serif;padding:7px 10px;letter-spacing:0;white-space:nowrap;border:0;border-radius:0}.mission-story .story-view-header{border-bottom:1px solid #37342e}.mission-story .story-view-header h3{font-size:18px}.mission-story .arm-state-readout{border:0}.mission-story .story-status{padding:9px 18px}@media(max-width:700px){.mission-title{align-items:flex-start;flex-direction:column;gap:8px}.mission-story .story-view-header h3{font-size:16px}.story-view-header .mission-status-label{font-size:10px;padding:5px 8px}}.mission-story .story-view-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px}.mission-story .mission-title{display:block;min-width:0}.mission-story .story-view-header h3{font:400 20px/1.3 Arial,Helvetica,sans-serif;margin:0}.mission-header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.story-view-header .mission-status-label{background:none;color:#d39a65;font:400 12px/1.3 Arial,Helvetica,sans-serif;padding:0;border:0}.mission-header-actions button{font-size:11px;padding:6px 10px;color:#c9c4bb;border:1px solid #3e3b35;background:transparent}@media(max-width:700px){.mission-story .story-view-header{padding:12px 14px;gap:10px;align-items:flex-start}.mission-story .story-view-header h3{font-size:16px;max-width:200px}.mission-header-actions{gap:8px;align-items:flex-end;flex-direction:column}.story-view-header .mission-status-label{font-size:10px}.mission-header-actions button{padding:4px 8px;font-size:10px}}.mission-story .mission-title{border:0!important;padding:0!important;background:none!important;box-shadow:none!important;width:auto!important}.mission-story .mission-title h3{border:0;padding:0;background:none}.mission-story .mission-header-actions button{min-height:46px;min-width:144px;padding:12px 18px;font:600 14px Arial;background:#e7dfcf;color:#191919;border:1px solid #e7dfcf;cursor:pointer}.mission-header-actions button:focus-visible{outline:2px solid #d39a65;outline-offset:4px}.camera-sensors{position:absolute;top:52px;left:14px;width:210px;background:#171717e8;border:1px solid #48443d;padding:12px;pointer-events:none;font:12px Arial;color:#eee7db}.camera-sensors header{font-size:13px;font-weight:600}.camera-sensors header span{display:block;margin-top:5px;color:#aaa49b;font-size:10px;font-weight:400}.camera-sensors dl{margin:10px 0 0}.camera-sensors dl>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #34322e}.camera-sensors dt{color:#aaa49b}.camera-sensors dd{margin:0;font-variant-numeric:tabular-nums}@media(max-width:700px){.camera-sensors{width:166px;padding:8px;left:8px;top:40px;font-size:10px}.camera-sensors header{font-size:11px}.mission-story .mission-header-actions button{min-width:120px;font-size:12px;padding:10px}.camera-sensors dl>div{padding:4px 0}}.mission-story .camera-sensors header{display:block;padding:0;margin:0;border:0;background:none;min-height:0}.mission-story .camera-sensors header span{display:block;margin-top:5px;letter-spacing:0}
/* Final mobile/readability pass. Keep the map and arm camera visible together. */
.mission-story{width:100%;max-width:100%;overflow:hidden}
.mission-story *{max-width:100%}
.mission-story .story-view-header h3,.mission-story .story-status,.mission-story .story-caption,.mission-story .story-provenance,.mission-story .story-diagnostics{overflow-wrap:anywhere;word-break:normal}
.mission-story .mission-vehicle-marker>span{font-size:30px;line-height:30px;color:#f0dfc0;text-shadow:0 1px 4px #000,0 0 2px #000}
.mission-story .mission-vehicle-marker b{font-size:10px;font-weight:600;border-color:#d8c19a;box-shadow:0 1px 4px #000}
.mission-story .route-checkpoint{width:24px;height:24px;line-height:22px;border:2px solid #e5d4b5;background:#171717;color:#fff4df;box-shadow:0 1px 4px #000}
.mission-story .maplibregl-ctrl-group{box-shadow:0 1px 5px #000;background:#171717;border-color:#6d665b}
.mission-story .maplibregl-ctrl-group button{width:30px;height:30px}
.mission-story .single-viewer .scene-canvas{transform:scale(1.08);transform-origin:center center}
@media(max-width:700px){
 .mission-story .story-view-header{padding:10px 12px;gap:8px}
 .mission-story .story-view-header h3{font-size:15px;line-height:1.25;max-width:170px}
 .mission-story .mission-header-actions{gap:6px}
 .mission-story .mission-header-actions button{min-width:96px;min-height:36px;padding:7px 9px;font-size:10px}
 .mission-story .story-steps{padding:0 8px;overflow:hidden}
 .mission-story .story-steps>span{padding:8px 1px;font-size:8px;line-height:1.25;min-width:0}
 .mission-story .story-steps b{font-size:9px}
 .mission-story .story-status{padding:7px 10px;font-size:8px;line-height:1.35}
 .mission-story .single-viewer .geo-container,.mission-story .single-viewer .mission-scene{height:270px!important;min-height:270px!important}
 .mission-story .single-viewer .mission-scene{height:340px!important;min-height:340px!important}
 .mission-story .single-viewer .scene-canvas{transform:none!important}
 .mission-story .geo-container{height:250px!important;min-height:250px!important}
 .mission-story .scene-label{left:8px;top:8px;font-size:8px;padding:5px 6px}
 .mission-story .scene-fps{top:9px;right:9px;font-size:9px}
 .mission-story .map-task{font-size:11px;padding:10px}
 .mission-story .map-task h4{font-size:14px;margin:8px 0 5px}
 .mission-story .map-task dl>div{padding:5px 0}
 .mission-story .camera{aspect-ratio:16/10}
 .mission-story .camera-sensors{width:142px;top:26px;left:7px;padding:6px;font-size:9px}
 .mission-story .camera-sensors header{font-size:10px}
 .mission-story .camera-sensors dl>div{padding:3px 0}
 .mission-story .arm-state-readout{top:30px;right:7px;padding:6px 8px;font-size:8px}
 .mission-story .arm-state-readout b{font-size:10px}
 .mission-story .arm-overview-label{right:8px;bottom:8px;font-size:9px;padding:3px 5px}
 .mission-story .map-decision{bottom:25px;left:7px;right:7px;padding:7px 9px}
 .mission-story .map-decision p{font-size:11px;line-height:1.3}
 .mission-story .scene-foot{display:none}
}
/* Mobile fit and iOS text-glyph correction for the embedded mission console. */
.mission-story,.mission-story button,.mission-story select{font-variant-emoji:text;}
.mission-vehicle-marker>span,.route-checkpoint,.mission-site-marker{font-variant-emoji:text;}
@media(max-width:700px){.mission-story{font-size:12px;overflow:hidden}.mission-story .story-view-header{padding:10px 12px}.mission-story .story-view-header h3{font-size:15px;line-height:1.2}.mission-story .mission-header-actions button{min-width:96px;min-height:38px;padding:8px 10px;font-size:11px}.mission-story .story-steps{padding:0 8px}.mission-story .story-steps>span{padding:8px 2px;font-size:8px}.mission-story .single-viewer .geo-container,.mission-story .single-viewer .mission-scene{height:270px}.mission-story .geo-container{min-height:270px}.mission-story .camera-sensors{transform:scale(.9);transform-origin:top left}.mission-story .arm-state-readout{transform:scale(.9);transform-origin:top right}}
/* Keep map annotations legible and above the route line on small screens. */
.mission-vehicle-marker,.mission-site-marker{z-index:4;white-space:nowrap;overflow:visible;}
.mission-vehicle-marker b{position:absolute;z-index:5;white-space:nowrap;min-width:max-content;line-height:1.25;}
.mission-site-marker{line-height:1.25;}
.map-label{paint-order:stroke;stroke:#171717;stroke-width:3px;stroke-opacity:.8;}
@media(max-width:700px){.mission-vehicle-marker b,.mission-site-marker{font-size:11px;}.mission-vehicle-marker b{top:27px;}}