:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf2f5;background:#010204;font-synthesis:none;--muted: #91a0aa;--line: rgba(193, 218, 232, .14);--glass: rgba(7, 12, 16, .78);--amber: #deb47a;--blue: #9fcbe8}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:3px}svg{width:22px;height:22px;display:block}#space-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.scene-vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,transparent 38%,rgba(0,2,5,.24) 74%,rgba(0,1,3,.66) 100%)}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:88px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(184,211,227,.09);background:linear-gradient(180deg,rgba(2,5,8,.68),transparent)}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:13px}.brand-mark{width:41px;height:41px;display:grid;place-items:center;border:1px solid rgba(222,180,122,.35);color:var(--amber);border-radius:50%}.brand-mark svg{width:27px;height:27px}.brand strong{display:block;font-size:15px;letter-spacing:.14em;font-weight:550}.brand small{display:block;margin-top:5px;color:var(--muted);font:9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.24em}.topbar-right{display:flex;align-items:center;gap:18px}.live-status{color:#aebcc5;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;display:flex;align-items:center;gap:9px}.live-status i,.telemetry i{width:5px;height:5px;border-radius:50%;background:#9cd4b6;box-shadow:0 0 10px #9cd4b6bf}.mission-card{position:fixed;z-index:10;top:128px;left:36px;width:330px;pointer-events:none}.eyebrow{margin:0 0 16px;color:var(--amber);font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em}.mission-card h1{margin:0;max-width:320px;font-size:clamp(26px,2.3vw,38px);line-height:1.35;letter-spacing:.02em;font-weight:350;text-shadow:0 2px 25px #000}.mission-card>p:not(.eyebrow){margin:22px 0 0;max-width:310px;color:#a6b3bc;font-size:13px;line-height:1.9;text-shadow:0 1px 12px #000}.motion-legend{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:13px;color:#bec9d0;font-size:11px;letter-spacing:.08em}.motion-legend span{display:flex;align-items:center;gap:11px}.motion-legend i{width:17px;height:2px;display:inline-block}.legend-star{background:#e6e6dd;box-shadow:0 0 8px #fff}.legend-orbit{border-top:1px dashed var(--blue)}.legend-axis{background:var(--amber)}.control-panel{position:fixed;z-index:30;top:108px;right:28px;width:302px;max-height:calc(100dvh - 140px);overflow-y:auto;padding:24px;border:1px solid var(--line);border-radius:4px;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 70px #00000052;scrollbar-width:thin;scrollbar-color:#41515c transparent}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:19px;border-bottom:1px solid var(--line)}.panel-heading .eyebrow{margin-bottom:8px;font-size:8px}.panel-heading h2{margin:0;font-size:18px;font-weight:450;letter-spacing:.08em}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:3px;background:#0a11169e;transition:border-color .18s,background .18s}.icon-button:hover{border-color:#deb47a8c;background:#deb47a14}.panel-close{width:34px;height:34px;border:0;background:transparent;display:none}.panel-close svg{width:18px}.speed-controls{display:grid;gap:16px;padding:18px 0 16px}.speed-control{display:block}.speed-control>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.speed-control b{font-size:12px;font-weight:450;letter-spacing:.05em}.speed-control output{color:var(--amber);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.speed-control small{display:block;margin-top:6px;color:#687984;font:7px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}input[type=range]{width:100%;height:18px;margin:0;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#677c89,#26343d)}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-5px;border:2px solid #0b1115;border-radius:50%;background:var(--amber);box-shadow:0 0 0 1px #deb47a73}input[type=range]::-moz-range-track{height:2px;background:#41515c}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid #0b1115;border-radius:50%;background:var(--amber)}.toggle-list{border-top:1px solid var(--line)}.toggle-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;border-bottom:1px solid rgba(193,218,232,.08)}.toggle-row>span{font-size:12px;letter-spacing:.04em}.toggle-row small{display:block;color:#72828d;font-size:9px;margin-top:5px;letter-spacing:0}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-row>i{position:relative;flex:0 0 auto;width:32px;height:18px;border-radius:20px;background:#28353d;transition:background .18s}.toggle-row>i:after{content:"";position:absolute;width:12px;height:12px;top:3px;left:3px;border-radius:50%;background:#9caab3;transition:transform .18s,background .18s}.toggle-row input:checked+i{background:#deb47a47}.toggle-row input:checked+i:after{transform:translate(14px);background:var(--amber)}.toggle-row input:focus-visible+i{outline:2px solid var(--amber);outline-offset:3px}.panel-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:9px;margin-top:20px}.primary-button,.secondary-button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:3px;font-size:12px;transition:background .18s,border-color .18s}.primary-button{border:1px solid rgba(222,180,122,.5);background:#deb47a21;color:#f1d4aa}.primary-button:hover{background:#deb47a38}.secondary-button{border:1px solid var(--line);background:#ffffff06;color:#b9c5cc}.secondary-button:hover{border-color:#586b77;background:#ffffff0d}.primary-button svg,.secondary-button svg{width:16px;height:16px}.shortcut-hint{margin:15px 0 0;text-align:center;color:#63747f;font-size:9px;letter-spacing:.06em}.camera-switcher{position:fixed;z-index:20;bottom:31px;left:50%;transform:translate(-50%);display:flex;padding:4px;border:1px solid var(--line);border-radius:4px;background:#050a0ec2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.camera-switcher button{min-height:40px;padding:0 18px;border:0;border-radius:2px;background:transparent;color:#85949e;font-size:11px;white-space:nowrap;transition:color .18s,background .18s}.camera-switcher button:hover{color:#e4ebef}.camera-switcher button.is-active{color:#e9d2b2;background:#deb47a1f}.telemetry{position:fixed;z-index:10;left:34px;bottom:33px;display:flex;align-items:center;gap:15px;color:#687983;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.telemetry span{display:flex;align-items:center;gap:7px}.navigation-hint{position:fixed;z-index:10;right:32px;bottom:29px;margin:0;color:#687983;font-size:9px;letter-spacing:.08em}.loading-screen{position:fixed;z-index:50;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#030608;transition:opacity .5s,visibility .5s}.loading-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-orbit{width:68px;height:68px;display:grid;place-items:center;margin-bottom:28px;color:var(--amber);border:1px solid rgba(222,180,122,.25);border-radius:50%}.loader-orbit svg{width:42px;height:42px;animation:loader-spin 8s linear infinite}.loading-screen .eyebrow{margin-bottom:12px}.loading-screen h2{margin:0 0 28px;font-size:25px;font-weight:350;letter-spacing:.12em}.loading-track{width:230px;height:1px;background:#1d2a32}.loading-track i{display:block;width:8%;height:100%;background:var(--amber);transition:width .2s}#loading-label{color:#778893;font-size:10px;margin-top:16px;letter-spacing:.08em}@keyframes loader-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.mission-card{width:260px}.mission-card>p:not(.eyebrow){max-width:250px}.navigation-hint{display:none}}@media(max-width:760px){.topbar{height:72px;padding:0 18px}.brand strong{font-size:13px}.brand small{font-size:7px}.brand-mark{width:36px;height:36px}.live-status{display:none}.panel-trigger{display:grid}.mission-card{top:96px;left:20px;width:230px}.mission-card h1{font-size:24px}.mission-card>p:not(.eyebrow),.motion-legend{display:none}.control-panel{inset:auto 12px 12px;width:auto;max-height:calc(100dvh - 96px);overflow-y:auto;padding:22px;transform:translateY(calc(100% + 24px));transition:transform .25s ease}.control-panel.is-open{transform:translateY(0)}.panel-close{display:grid}.camera-switcher{bottom:24px}.camera-switcher button{padding:0 12px;font-size:10px}.telemetry{left:20px;bottom:82px}#model-status{display:none}}@media(min-width:761px){.panel-trigger{display:none}}@media(max-width:420px){.camera-switcher button{padding:0 9px}.mission-card h1{font-size:21px}}.topbar{height:76px;padding:0 26px;border-bottom:0;background:linear-gradient(180deg,rgba(1,4,7,.52),transparent);pointer-events:none}.topbar a,.topbar button{pointer-events:auto}.brand strong,.brand small,.live-status,.navigation-hint{display:none}.topbar-right{gap:10px}.icon-button{border-radius:50%;background:#050b0f8f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.panel-trigger,.panel-close{display:grid}.mission-card{top:98px;left:28px;width:340px;padding:24px;border:1px solid var(--line);border-radius:4px;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none}.mission-card.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.control-panel{opacity:0;visibility:hidden;pointer-events:none;transform:translate(18px);transition:opacity .18s,transform .18s,visibility .18s}.control-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.camera-switcher{bottom:24px;padding:4px;border-radius:30px;background:#050a0e8a}.camera-switcher button{width:44px;height:44px;min-height:44px;padding:0!important;display:grid;place-items:center;border-radius:50%}.camera-switcher button svg{width:20px;height:20px}.status-trigger{position:fixed;z-index:20;left:26px;bottom:26px}.telemetry{left:26px;bottom:82px;padding:12px 15px;border:1px solid var(--line);border-radius:4px;background:var(--glass);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s}.telemetry.is-open{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width:760px){.topbar{height:68px;padding:0 16px}.mission-card{top:82px;left:14px;width:min(340px,calc(100vw - 28px));max-height:calc(100dvh - 104px);overflow-y:auto}.mission-card.is-open>p:not(.eyebrow){display:block}.mission-card.is-open .motion-legend{display:grid}.control-panel{transform:translateY(calc(100% + 24px))}.control-panel.is-open{transform:translateY(0)}.camera-switcher{bottom:18px}.status-trigger{left:16px;bottom:20px}.telemetry{left:16px;bottom:76px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}