:root {
  --bg: #070b17; --panel:#101a2f; --line:#263553; --text:#eaf0ff; --muted:#9eb0d2; --accent:#6fb3ff;
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;font-family:"Segoe UI",system-ui,sans-serif;background:radial-gradient(circle at 20% 10%,#1a2950,var(--bg) 45%);color:var(--text);overflow:hidden}
.hud{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:rgba(8,14,30,.75);backdrop-filter:blur(6px);border-bottom:1px solid rgba(111,179,255,.2)}
.hud-title{font-weight:700}.hud-status{color:var(--muted);font-size:.9rem}
.error-banner{position:fixed;top:52px;left:0;right:0;z-index:25;padding:8px 12px;background:#5f1d1d;border-bottom:1px solid #9a3f3f;color:#ffdede;font-size:.9rem}
.app-pages{position:fixed;inset:0}.page{display:none;position:absolute;inset:0;overflow:auto;padding:62px 10px 78px}.page.active{display:block}
.globe-full{width:100%;height:calc(100svh - 140px);min-height:340px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#04070f}
#globeCanvas{width:100%;height:100%;display:block}
.panel{background:rgba(16,26,47,.95);border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px}
h2{margin:10px 0 8px;font-size:1rem;color:var(--accent)}
label{display:block;margin-bottom:8px;font-size:.9rem}
input,select{width:100%;margin-top:4px;padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:#0a1224;color:var(--text)}
button{padding:7px 10px;border-radius:8px;border:1px solid #3f5f92;background:#1e3a6a;color:var(--text);cursor:pointer}
button:hover{filter:brightness(1.1)}
.row{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.muted{color:var(--muted);font-size:.85rem}
.bottom-nav{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:30;display:flex;gap:8px;padding:8px;border-radius:999px;border:1px solid rgba(111,179,255,.25);background:rgba(7,11,23,.82);backdrop-filter:blur(6px)}
.tab-btn{min-width:82px;border-radius:999px;border:1px solid #355684;background:rgba(30,58,106,.65)} .tab-btn.active{background:#2b6cc2;border-color:#76abf6}
.popup{position:absolute;right:16px;top:78px;max-width:360px;max-height:68svh;overflow:auto;padding:10px;border-radius:10px;border:1px solid var(--line);background:rgba(8,14,28,.93);z-index:40}
.popup h3{margin:0 0 8px;color:var(--accent)} .popup a{color:#9ac6ff}
.launch-list{display:grid;gap:8px}.launch-item{border:1px solid var(--line);border-radius:8px;padding:8px;background:#0a1428}.countdown{color:#8dd4ff;font-weight:700}
@media (min-width:981px){.page{padding-left:18px;padding-right:18px}.globe-full{height:calc(100vh - 150px)}#page-settings .panel,#page-upcoming .panel{max-width:980px;margin:0 auto 10px}}