body::after{content:"";position:fixed;inset:0;z-index:45;pointer-events:none;opacity:.025;background:repeating-linear-gradient(180deg,transparent 0 3px,#d8e7ff 3px 4px)}
.mission-strip{position:relative;z-index:19;max-width:1280px;min-height:38px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);background:#090b14;color:var(--muted);font:9px "DM Mono",monospace;letter-spacing:.8px}
.mission-strip strong{color:var(--paper);font-weight:500}
.system-online{display:flex;align-items:center;gap:8px;color:var(--lime)}
.system-online i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:statusPulse 2.2s ease-in-out infinite}
.mission-clock{font-variant-numeric:tabular-nums}
.mission-spacer{flex:1}
.strip-radar{position:relative;width:22px;height:22px;border:1px solid #4f556b;border-radius:50%;overflow:hidden}
.strip-radar::before,.strip-radar::after{content:"";position:absolute;background:#4f556b}.strip-radar::before{left:50%;top:0;width:1px;height:100%}.strip-radar::after{left:0;top:50%;width:100%;height:1px}
.strip-radar i{position:absolute;inset:1px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 300deg,#c9ff4a88 345deg,#c9ff4a 360deg);animation:radarSweep 3s linear infinite}
.docking-indicator{position:relative;width:42px;height:12px}
.docking-indicator i,.docking-indicator b{position:absolute;top:4px;width:5px;height:5px;border-radius:50%}
.docking-indicator i{left:2px;background:var(--violet);animation:dockLeft 3.4s ease-in-out infinite}
.docking-indicator b{right:2px;background:var(--lime);animation:dockRight 3.4s ease-in-out infinite}
.command-launch{border:0;background:transparent;color:var(--paper);padding:8px 0;font:9px "DM Mono",monospace;letter-spacing:.8px;cursor:pointer}
.command-launch:hover{color:var(--lime)}.command-launch kbd{margin-left:6px;padding:2px 5px;border:1px solid #4b5064;color:var(--violet);font:inherit}
.command-console{width:min(720px,calc(100% - 28px));max-height:78vh;margin:10vh auto auto;border:1px solid #596077;background:#080b14f5;color:var(--paper);padding:0;box-shadow:12px 12px 0 #181c2e,0 30px 90px #000b;backdrop-filter:blur(20px)}
.command-console::backdrop{background:#02030ad9;backdrop-filter:blur(6px)}
.command-head{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid var(--line);color:var(--muted);font:9px "DM Mono",monospace;letter-spacing:1px}
.command-head strong{color:var(--lime);font-weight:500}.command-close{border:0;background:none;color:var(--paper);font:20px "DM Mono",monospace;cursor:pointer}
.command-input-wrap{position:relative;padding:18px;border-bottom:1px solid var(--line)}
.command-input-wrap::before{content:">";position:absolute;left:20px;top:30px;color:var(--lime);font:16px "DM Mono",monospace}
.command-input{margin:0;padding:10px 10px 10px 28px;border:0;background:#101321;color:var(--paper);font:16px "DM Mono",monospace}
.command-input:focus{outline:1px solid var(--violet)}
.command-results{max-height:48vh;overflow:auto;padding:8px}
.command-result{display:grid;grid-template-columns:110px 1fr 22px;gap:15px;align-items:center;padding:13px 12px;border-bottom:1px solid #24283a}
.command-result:hover,.command-result:focus-visible{background:#151929;outline:none}
.command-result span{color:var(--violet);font:9px "DM Mono",monospace;letter-spacing:.8px}.command-result strong{font-size:14px;font-weight:500}.command-result b{color:var(--lime);font-weight:400}
.command-empty{padding:35px;color:var(--muted);font:11px "DM Mono",monospace;text-align:center}
.hero-orbit::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 310deg,#c9ff4a00 330deg,#c9ff4a55 357deg,#c9ff4aaa 360deg);animation:radarSweep 7s linear infinite;mix-blend-mode:screen}
.loading-panel{position:relative;overflow:hidden}.loading-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#ffffff0b 50%,transparent 80%);transform:translateX(-100%);animation:dataLoad 1.8s ease-in-out infinite}
.mission-overview{padding-top:0!important}
.telemetry-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:#0a0d17}
.telemetry-card{min-height:175px;padding:22px;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:background .2s}
.telemetry-card:last-child{border-right:0}.telemetry-card:hover{background:#141827}
.telemetry-card span{color:var(--violet);font:9px "DM Mono",monospace;letter-spacing:1px}.telemetry-card strong{margin:auto 0 8px;font-size:30px;letter-spacing:-1.5px}.telemetry-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.telemetry-card em{font-style:normal;color:var(--lime)}
@keyframes radarSweep{to{transform:rotate(1turn)}}@keyframes statusPulse{50%{opacity:.35;box-shadow:0 0 3px var(--lime)}}@keyframes dockLeft{0%,100%{transform:translateX(0)}50%{transform:translateX(15px)}}@keyframes dockRight{0%,100%{transform:translateX(0)}50%{transform:translateX(-15px)}}@keyframes dataLoad{60%,100%{transform:translateX(100%)}}
@media(max-width:900px){.mission-strip{gap:15px}.mission-strip .mission-label{display:none}.telemetry-overview{grid-template-columns:repeat(2,1fr)}.telemetry-card:nth-child(2){border-right:0}.telemetry-card:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:720px){.mission-strip{padding:0 18px;min-height:34px}.mission-strip>span:nth-of-type(3),.docking-indicator{display:none}.command-launch{margin-left:auto}.telemetry-overview{grid-template-columns:1fr}.telemetry-card{min-height:135px;border-right:0;border-bottom:1px solid var(--line)}.telemetry-card:last-child{border-bottom:0}.command-result{grid-template-columns:82px 1fr 16px;gap:8px}.command-console{margin-top:5vh}}
@media(prefers-reduced-motion:reduce){.system-online i,.strip-radar i,.docking-indicator i,.docking-indicator b,.hero-orbit::after,.loading-panel::after{animation:none}}
