/* ===== COSMOS JOURNEY: Earth -> Solar System (scroll driven, self-contained) ===== */
html,body{overflow-x:clip!important}body{overflow-y:visible!important}
.cosmos{position:relative;height:720vh;background:#01030a;z-index:5;max-width:none!important;width:100%!important;margin:0!important;padding:0!important;border:0!important}
.cosmos-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
#cosmos-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.cosmos-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(1,3,10,.55) 100%),linear-gradient(180deg,rgba(1,3,10,.55),transparent 18%,transparent 82%,rgba(1,3,10,.7))}
.cosmos-hud{position:absolute;left:clamp(20px,5vw,80px);bottom:clamp(36px,9vh,90px);max-width:min(430px,86vw);pointer-events:none;transition:opacity .45s ease,transform .45s ease}
.cosmos-hud.swap{opacity:0;transform:translateY(12px)}
.cosmos-kicker{font:500 10px/1.2 var(--font-mono,monospace);letter-spacing:.3em;color:#7fdcff;text-transform:uppercase;margin-bottom:12px}
.cosmos-title{font:600 clamp(28px,4.6vw,58px)/1 var(--font-display,system-ui);color:#fff;letter-spacing:-.03em;text-shadow:0 0 40px rgba(80,150,255,.35)}
.cosmos-sub{margin-top:14px;font:400 clamp(13px,1.2vw,15px)/1.65 var(--font-body,system-ui);color:rgba(205,218,242,.82);max-width:400px}
.cosmos-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cosmos-pills span{font:500 10px/1 var(--font-mono,monospace);letter-spacing:.08em;color:#e6f1ff;border:1px solid rgba(120,170,235,.28);background:rgba(8,16,36,.55);backdrop-filter:blur(10px);padding:8px 11px;border-radius:99px}
.cosmos-progress{position:absolute;right:clamp(14px,2.4vw,34px);top:50%;transform:translateY(-50%);width:2px;height:min(280px,36vh);background:rgba(150,180,230,.14);border-radius:9px;overflow:hidden}
.cosmos-progress i{position:absolute;left:0;top:0;width:100%;height:0;background:linear-gradient(#22d3ee,#3b82f6,#8b5cf6,#f0b45c);box-shadow:0 0 14px rgba(34,211,238,.6)}
.cosmos-hint{position:absolute;left:50%;top:clamp(78px,11vh,110px);transform:translateX(-50%);font:500 10px/1 var(--font-mono,monospace);letter-spacing:.34em;color:rgba(190,210,240,.7);text-transform:uppercase;transition:opacity .4s;white-space:nowrap}
.cosmos-lbl{position:absolute;left:0;top:0;font:500 9.5px/1 var(--font-mono,monospace);letter-spacing:.18em;color:#dcebff;text-transform:uppercase;padding:5px 8px;border-left:1px solid rgba(127,220,255,.7);background:rgba(4,10,24,.5);backdrop-filter:blur(6px);pointer-events:none;opacity:0;will-change:transform,opacity;white-space:nowrap}
@media(max-width:760px){.cosmos{height:520vh}.cosmos-progress{display:none}.cosmos-hud{bottom:78px}}

/* Old scroll overlays caused the merge/clutter: switch them off (Explore buttons still work). */
#scene-surface,#scene-space,#scene-universe,#universe-text,#geo-zoom-layer{display:none!important}
body:not(.space-open) #solar-system-canvas,
body:not(.space-open) #solar-vignette,
body:not(.space-open) #solar-hud,
body:not(.space-open) #solar-progress,
body:not(.space-open) #solar-label-layer{display:none!important}

/* hero now lives on top of the same Earth (one continuous zoom) */
.cosmos-hero{position:absolute;inset:0;z-index:4;will-change:opacity;background:radial-gradient(ellipse 60% 55% at 50% 52%,rgba(1,4,12,.55),transparent 75%)}
.cosmos-hero .hero{min-height:100%;height:100%;padding-top:70px}
.cosmos-hint{display:none}

.cosmos-hud,.cosmos-progress{transition:opacity .4s}