:root{color-scheme:dark;--bg-top: #030814;--bg-bottom: #050d1d;--panel: rgba(8, 16, 34, .7);--panel-border: rgba(170, 210, 255, .15);--text-main: #f8f4ec;--text-soft: rgba(239, 244, 255, .74);--accent: #ffd079;--accent-cool: #88d6ff;--accent-rose: #ff9cb7;--shadow: 0 28px 90px rgba(0, 0, 0, .36);--panel-shadow: 0 18px 60px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;background:radial-gradient(circle at top,rgba(32,76,188,.1),transparent 34%),radial-gradient(circle at 20% 20%,rgba(120,66,122,.08),transparent 22%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom));color:var(--text-main);font-family:Avenir Next,Segoe UI,sans-serif}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.16) 58%,rgba(0,0,0,.38) 100%),repeating-linear-gradient(90deg,rgba(136,214,255,.02),rgba(136,214,255,.02) 1px,transparent 1px,transparent 120px);pointer-events:none}#universe-canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none}.hud{position:fixed;inset:0;display:grid;grid-template-columns:minmax(220px,610px) 1fr;gap:12px;padding:12px;pointer-events:none}.left-rail{display:flex;flex-direction:row;align-items:flex-start;gap:10px;align-self:start;max-width:590px;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s ease}.left-rail.is-hidden{transform:translate(calc(-100% - 30px));opacity:0;pointer-events:none}.left-rail .hero-card,.left-rail .control-card{flex:0 0 290px}.hero-card,.control-card,.info-card{align-self:start;padding:12px 13px;border:1px solid rgba(177,214,255,.14);border-radius:18px;background:linear-gradient(180deg,#0d1d3ca3,#07122870),radial-gradient(circle at top left,rgba(136,214,255,.12),transparent 42%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--panel-shadow);pointer-events:auto}body.is-tour-active .hud,body.is-tour-active .info-card{opacity:0;pointer-events:none}.control-card{justify-self:start;align-self:start;width:100%;padding:12px 13px;background:linear-gradient(180deg,#0f1f3eb3,#08122880),radial-gradient(circle at top right,rgba(255,208,121,.1),transparent 34%);border-color:#a6d0ff24;transition:width .22s ease,padding .22s ease,transform .22s ease,background .22s ease,border-color .22s ease}.info-card{position:fixed!important;inset:12px 12px auto auto!important;width:min(290px,calc(100vw - 24px))!important;margin:0!important;z-index:7;background:linear-gradient(180deg,#0d1c3aa8,#0611267a),radial-gradient(circle at top center,rgba(136,214,255,.08),transparent 38%);transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s ease}.info-card.is-hidden{transform:translate(calc(100% + 30px));opacity:0;pointer-events:none}body.is-tour-active .control-card{width:min(100%,360px);padding:12px 14px;transform:translateY(-10px);background:#0810226b;border-color:#ffffff12}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.22em;font-size:.58rem;color:var(--text-soft)}.hero-card,.control-card,.info-card{position:relative;overflow:hidden}.hero-card:after,.control-card:after,.info-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 26%,transparent 72%,rgba(136,214,255,.06));pointer-events:none}h1,h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,serif;line-height:.95}h1{font-size:clamp(1.62rem,2.15vw,2.8rem);max-width:9.8ch}h2{font-size:clamp(1.28rem,1.65vw,1.78rem);margin-bottom:5px}.lede,#object-description,.hint{color:var(--text-soft);line-height:1.4;font-size:.78rem}.hero-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.status-pill{padding:8px 9px;border-radius:12px;background:#ffffff0b;border:1px solid rgba(170,210,255,.1)}.status-pill strong{display:block;line-height:1.35}.hero-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.media-controls{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.media-btn{min-width:118px}.media-note{margin-top:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.collapse-btn{display:none;width:28px;height:28px;min-width:28px;border-radius:50%;padding:0;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0}.collapse-btn svg{transition:transform .22s ease}.collapse-btn[aria-expanded=true] svg{transform:rotate(180deg)}.control-body{display:contents}.section-caption,.fact-note{color:var(--text-soft);font-size:.72rem;line-height:1.42}.planet-nav{display:flex;gap:8px;margin-bottom:8px}.nav-btn{flex:1;text-align:center}button{appearance:none;border:0;border-radius:999px;padding:8px 13px;font:inherit;color:#04101c;background:linear-gradient(135deg,var(--accent),#ffe5b1);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;box-shadow:0 10px 28px #ffd0792e}button:hover{transform:translateY(-1px);box-shadow:0 14px 38px #88d6ff2e}button.secondary{color:var(--text-main);background:#ffffff14;border:1px solid rgba(170,210,255,.12);box-shadow:none}.hero-card button,.control-card button,.tour-panel button{font-size:.82rem}.control-row{display:grid;gap:4px;margin-bottom:6px}label{font-size:.76rem;color:var(--text-soft)}input[type=range]{width:100%;accent-color:var(--accent);filter:drop-shadow(0 0 8px rgba(255,208,121,.16))}.destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}.destination-chip{padding:7px 8px;border-radius:11px;background:#ffffff0d;border:1px solid rgba(170,210,255,.1);color:var(--text-main);box-shadow:none;text-align:left;line-height:1.2;min-height:44px;font-size:.78rem}.destination-chip small{display:block;color:var(--text-soft);margin-top:2px;font-size:.62rem}.destination-chip.is-active{background:linear-gradient(135deg,#ffd07938,#88d6ff2e);border-color:#ffd07980;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 18px #ffd07914}.stats-grid{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.stat-label{display:block;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft);margin-bottom:3px}strong{font-size:.82rem}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.compare-card{margin-top:10px;padding:10px 11px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(170,210,255,.1)}.compare-card strong{display:block;line-height:1.36}.canvas-tooltip{position:fixed;z-index:5;transform:translate(-50%,calc(-100% - 12px));padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#081022e0;color:var(--text-main);font-size:.84rem;pointer-events:none;box-shadow:var(--shadow);opacity:0;transition:opacity .14s ease}.canvas-tooltip.is-visible{opacity:1}.tour-panel{position:fixed;left:18px;top:18px;z-index:6;width:min(430px,calc(100vw - 36px));padding:16px 18px;border-radius:22px;border:1px solid rgba(170,210,255,.14);background:linear-gradient(180deg,#102244d1,#081228a3),radial-gradient(circle at top left,rgba(255,208,121,.14),transparent 36%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);transform:translate3d(-12px,-8px,0) scale(.98);opacity:0;pointer-events:none;transition:opacity .24s ease,transform .42s cubic-bezier(.2,.82,.2,1)}@media(min-width:1101px){.hero-card .lede{max-width:30ch}.info-card .fact-grid{gap:8px}.info-card .fact-note{margin-top:12px}.control-card{margin-top:0}}body.is-tour-active .tour-panel{opacity:1;transform:translateZ(0) scale(1);pointer-events:auto}.tour-progress{margin-top:10px}.tour-progress-track{position:relative;width:100%;height:8px;margin-top:8px;border-radius:999px;background:#ffffff14;overflow:hidden}#tour-progress-fill{display:block;width:10%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#ffe6b8 60%,var(--accent-cool));box-shadow:0 0 18px #ffd07947;transition:width .36s cubic-bezier(.22,1,.36,1)}.tour-description{margin:10px 0 14px;color:var(--text-soft);line-height:1.55}.tour-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tour-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}kbd{padding:2px 7px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:.82rem}.panel-fab{display:none;position:fixed;bottom:22px;z-index:25;width:50px;height:50px;border-radius:50%;padding:0;align-items:center;justify-content:center;background:#081022e6;border:1px solid rgba(170,210,255,.25);color:var(--text-main);box-shadow:0 6px 28px #00000080;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.panel-fab:hover{background:#0f1e41f5;transform:translateY(-2px);box-shadow:0 10px 36px #88d6ff26}.panel-fab.is-active{border-color:#ffd07980;background:#ffd0791f}#hud-fab{left:22px}#info-fab{right:22px}@media(max-width:1100px){.panel-fab{display:flex}.hud{grid-template-columns:1fr;align-content:start;padding:14px 14px 80px}.left-rail{flex-direction:column;max-width:min(100%,420px);max-height:calc(100vh - 110px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.left-rail::-webkit-scrollbar{display:none}.left-rail .hero-card,.left-rail .control-card{flex:1 1 auto;width:100%}.control-card{justify-self:stretch;grid-column:auto;align-self:start;width:auto;padding:12px 13px}.info-card{inset:auto 14px 84px auto!important;width:min(300px,calc(100vw - 28px))!important;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:none}.info-card::-webkit-scrollbar{display:none}.tour-panel{inset:auto 14px 84px;width:auto}}@media(max-width:860px){.left-rail{max-width:min(100%,360px)}h1{font-size:clamp(1.4rem,4vw,2rem)}h2{font-size:clamp(1.1rem,3vw,1.5rem)}.destination-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){body{overflow:hidden}.hud{padding:12px 12px 80px;gap:10px}.left-rail{max-width:100%;max-height:calc(100vh - 110px)}.hero-card,.control-card{padding:14px;border-radius:16px}h1{font-size:clamp(1.3rem,6vw,1.8rem)}.info-card{inset:auto 0 0!important;width:100%!important;max-width:none!important;max-height:55vh;border-radius:20px 20px 0 0!important;transform:translateY(0)!important;overflow-y:auto;scrollbar-width:none;padding-bottom:24px}.info-card::-webkit-scrollbar{display:none}.info-card.is-hidden{transform:translateY(calc(100% + 10px))!important;opacity:0}#info-fab{bottom:22px}.hero-status,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.destination-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fact-grid,.tour-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.tour-panel{left:12px;right:12px;bottom:80px;width:auto;padding:14px 15px;transform:translateY(16px) scale(.98)}body.is-tour-active .tour-panel{transform:translateY(0) scale(1)}.media-btn{min-width:0;flex:1}.collapse-btn{display:flex}.control-body{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .26s ease}.control-body>*{min-height:0;overflow:hidden}.control-body.is-open{grid-template-rows:1fr}.control-body-inner{overflow:hidden}.left-rail{max-height:70vh}}@media(max-width:380px){.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:1.25rem}.hero-actions{flex-direction:column}}.mobile-tap-hint{position:fixed;bottom:84px;left:50%;transform:translate(-50%);z-index:24;padding:8px 18px;border-radius:999px;background:#081022d1;border:1px solid rgba(170,210,255,.18);color:var(--text-soft);font-size:.72rem;letter-spacing:.06em;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;animation:fadeHint 3.5s ease forwards}@keyframes fadeHint{0%{opacity:0;transform:translate(-50%) translateY(6px)}15%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1}to{opacity:0}}