:root{--bg:#030812;--panel:#0a1b30;--panel-hi:#102c4a;--line:#2f9cff;--line-soft:#2f9cff57;--text:#e9f7ff;--muted:#7caac6;--gold:#ffc857;--ok:#66f0a6;--danger:#f67}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 15% 10%,#2f9cff29,#0000 26%),radial-gradient(circle at 85% 8%,#764dff21,#0000 23%),linear-gradient(#02050a,#071522 70%,#02050a);margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}body{padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}.tablet-shell{background:linear-gradient(145deg,#111a23,#03070c);border:2px solid #24384b;border-radius:32px;width:min(1280px,100%);margin:0 auto;padding:18px;box-shadow:0 22px 80px #0000008c,inset 0 0 0 3px #0a1118}.tablet-screen{background:linear-gradient(#0a1d32fa,#040d18fc);border:1px solid #275a7e;border-radius:22px;overflow:hidden}.topbar{border-bottom:1px solid var(--line-soft);background:#020911eb;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand h1{letter-spacing:.09em;margin:0;font-size:1.1rem}.brand p{color:var(--muted);margin:2px 0 0;font-size:.76rem}.brand-mark{width:40px;height:40px;color:var(--gold);border:3px solid #fff;place-items:center;font-size:20px;display:grid;transform:rotate(45deg);box-shadow:0 0 18px #2f9cff80}.brand-mark:first-letter{transform:rotate(-45deg)}.top-status{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:14px;font-size:.86rem;display:flex}.online i{background:var(--ok);width:9px;height:9px;box-shadow:0 0 10px var(--ok);border-radius:50%;margin-right:6px;display:inline-block}.tabs{background:#030b14d1;border-bottom:1px solid #2f9cff33;gap:8px;padding:10px 14px;display:flex;overflow-x:auto}.tab,button{min-height:44px;color:var(--text);cursor:pointer;background:linear-gradient(#278ed9,#0a5d9d);border:1px solid #2f9cff66;border-radius:10px;padding:10px 13px;font-weight:800}.tab{white-space:nowrap;color:var(--muted);background:#071628}.tab.active{color:#fff;background:linear-gradient(#207bb8,#0b4d7b);border-color:#70d2ff}button:hover{filter:brightness(1.13)}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.45}button:disabled:hover{filter:none}button.gold{background:linear-gradient(#765a18,#3d2e0d);border-color:#d6aa3e}button.ghost{background:#061321}button.danger{background:linear-gradient(#a52d3b,#681723);border-color:#e75e6d}.view{padding:16px;display:none}.view.active{display:block}.dashboard{grid-template-columns:1.55fr .85fr;gap:16px;display:grid}.two-column{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sidebar{align-content:start;gap:16px;display:grid}.panel{border:1px solid var(--line-soft);background:linear-gradient(#0f2b49d1,#051220f5);border-radius:16px;padding:14px;box-shadow:inset 0 0 22px #2f9cff0d}.panel h2{color:#8ed6ff;letter-spacing:.09em;text-transform:uppercase;margin:0 0 11px;font-size:.95rem}.map-panel{height:570px;padding:0;position:relative;overflow:hidden}#starMap{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#030914;background-image:radial-gradient(circle,#2f9cff14,#0000 48%),linear-gradient(#2f9cff0d 1px,#0000 1px),linear-gradient(90deg,#2f9cff0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,32px 32px,32px 32px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;width:100%;height:100%;display:block}.map-overlay{border:1px solid var(--line-soft);color:#9bd8ff;pointer-events:none;background:#020911d1;border-radius:10px;padding:8px 10px;font-size:.79rem;position:absolute}.top-left{top:12px;left:12px}.top-right{top:12px;right:12px}.map-actions{gap:8px;display:flex;position:absolute;bottom:12px;left:12px}.metrics{grid-template-columns:1fr 1fr;gap:9px;display:grid}.metrics article{background:#0209118c;border:1px solid #2f9cff33;border-radius:12px;padding:11px}.metrics span{color:var(--muted);font-size:.78rem;display:block}.metrics strong{font-size:1.12rem}.control-stack{gap:9px;margin-top:11px;display:grid}label{color:var(--muted);font-size:.86rem}select,input[type=range],textarea{width:100%;color:var(--text);background:#061426;border:1px solid #2f9cff61;border-radius:10px}select{padding:10px 12px}textarea{resize:vertical;min-height:220px;padding:12px}.button-row{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.check{margin:10px 0;display:block}.check input{width:auto;margin-right:8px}.alert{min-height:25px;color:var(--gold);margin:9px 0 0;font-weight:800}.radar{aspect-ratio:1;border:1px solid var(--line-soft);background-color:#03111f;background-image:repeating-radial-gradient(circle,#0000 0 38px,#2f9cff26 39px 40px),linear-gradient(#2f9cff1f 1px,#0000 1px),linear-gradient(90deg,#2f9cff1f 1px,#0000 1px),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,50% 50%,50% 50%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:50%;width:min(520px,100%);margin:0 auto;position:relative;overflow:hidden}.sweep{background:conic-gradient(#66d6ff80,#0000 22%);border-radius:50%;animation:3s linear infinite spin;position:absolute;inset:0}.blip{background:var(--gold);width:9px;height:9px;box-shadow:0 0 10px var(--gold);border-radius:50%;position:absolute}.blip.one{top:26%;left:66%}.blip.two{top:61%;left:32%}.blip.three{top:72%;left:77%}@keyframes spin{to{transform:rotate(360deg)}}table{border-collapse:collapse;width:100%;font-size:.84rem}th,td{text-align:left;border-bottom:1px solid #2f9cff26;padding:9px}th{color:#8ed6ff}.systems-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.system-card span{color:var(--ok);font-size:.8rem}.meter{background:#06101c;border-radius:999px;height:9px;margin:11px 0 8px;overflow:hidden}.meter i{background:linear-gradient(90deg,#2f9cff,#64f0a6);width:80%;height:100%;display:block}.power-panel{gap:8px;margin-top:16px;display:grid}.mission-log{color:#add9f3;background:#02080fb8;border-radius:10px;height:310px;padding:11px;font:.83rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.hint{color:var(--muted);font-size:.8rem}footer{color:#6388a1;text-align:center;padding:10px 16px 16px;font-size:.76rem}@media (width<=900px){.dashboard,.two-column{grid-template-columns:1fr}.map-panel{height:440px}.systems-grid{grid-template-columns:1fr}}@media (width<=600px){body{padding:0}.tablet-shell{border:0;border-radius:0;width:100%;padding:0}.tablet-screen{border-radius:0}.topbar{align-items:flex-start}.top-status{gap:8px;font-size:.75rem}.view{padding:10px}.map-panel{height:min(56vh,440px);min-height:330px}.map-overlay.top-left{max-width:calc(100% - 110px)}}@media (pointer:coarse){button,select{min-height:48px}input[type=range]{min-height:38px}.check{padding:6px 0}}@media (prefers-reduced-motion:reduce){.sweep{animation:none}}