/* Destination light and a solid perspective deck tie the crew to the exploration route. */
#menu.landing{--planet-accent:#be9aff;--planet-glow:#7346d8;background:#080d1c}
.destination-ambience{position:absolute;inset:0;background:radial-gradient(ellipse at 53% 29%,color-mix(in srgb,var(--planet-glow) 38%,transparent),transparent 62%),radial-gradient(ellipse at 90% 90%,color-mix(in srgb,var(--planet-glow) 15%,transparent),transparent 65%),linear-gradient(130deg,#080d1c,#10192b)}
.landing-stars{opacity:.82}.landing-orbit{border-color:color-mix(in srgb,var(--planet-accent) 12%,transparent)}
.mission-kicker,.planet-meta span:last-child,.launch-mark{color:var(--planet-accent)}.mission-kicker i,.mission-divider{background:var(--planet-accent);box-shadow:0 0 14px color-mix(in srgb,var(--planet-accent) 25%,transparent)}
.mission-intro h1{font-size:clamp(51px,5.25vw,76px)}#planetDescription{color:#b8bfd2}.planet-meta span{color:#929cb7}
.hero-stage{--crew-x:64%;margin-bottom:29px}.hero-stage #landingHero{height:100%;left:var(--crew-x);bottom:5%;animation:none;transform-origin:50% 100%;filter:drop-shadow(4px 9px 10px #03061555);z-index:3}
.hero-stage[data-character="boy"]{--crew-x:62%}.hero-stage[data-character="boy"] #landingHero{height:90%;left:var(--crew-x);bottom:5%}
.landing-planet{z-index:0;transition:width .55s ease}.hero-halo{z-index:1;opacity:.2;bottom:0}#landingPlanetImage,.departing-planet{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 26px #080b1844);pointer-events:none}
.destination-sweep{position:absolute;inset:-5% -30%;opacity:0;background:linear-gradient(110deg,transparent 35%,color-mix(in srgb,var(--planet-accent) 12%,transparent) 49%,color-mix(in srgb,var(--planet-accent) 35%,transparent) 50%,transparent 58%);filter:blur(3px);z-index:1;pointer-events:none}
.expedition-deck{position:absolute;width:clamp(330px,125%,570px);height:112px;left:var(--crew-x);bottom:-33px;transform:translateX(-50%);color:var(--planet-accent);z-index:2;filter:drop-shadow(0 15px 16px #0007)}.expedition-deck svg{display:block;width:100%;height:100%}.boot-shadow{position:absolute;left:38%;top:44%;width:27%;height:11%;border-radius:50%;background:#020611bf;filter:blur(3px);transform:rotate(-3deg)}
.hero-caption{z-index:4;left:var(--crew-x);bottom:-16px;max-width:200px;display:flex;gap:9px;align-items:center;white-space:nowrap;transform:translateX(-30%) rotate(-2deg)}.hero-caption>span{color:#8c94aa;font-size:6px;letter-spacing:1.3px}.hero-caption strong{margin:0;font-size:11px;letter-spacing:1px;max-width:130px}.hero-caption i{width:3px;height:3px;margin:0;background:var(--planet-accent)}
.launch-panel{background:linear-gradient(150deg,#1b2036e8,#101727ed);border-color:color-mix(in srgb,var(--planet-accent) 23%,transparent);box-shadow:0 22px 60px #0004,inset 0 1px #ffffff09}.launch-panel .character.selected{border-color:color-mix(in srgb,var(--planet-accent) 72%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--planet-glow) 25%,transparent),#ffffff04)}.launch-panel .check{background:var(--planet-accent);color:#16142b}.launch-panel .launch-button:not(:disabled){background:linear-gradient(105deg,color-mix(in srgb,var(--planet-accent) 65%,white),var(--planet-accent));border-color:var(--planet-accent);color:#171327;box-shadow:0 6px 25px color-mix(in srgb,var(--planet-glow) 20%,transparent)}
.planet-route{position:relative;background:linear-gradient(180deg,#080b1500,#080b1520);border-top-color:color-mix(in srgb,var(--planet-accent) 22%,transparent)}.planet-route::before{content:'';position:absolute;top:-1px;left:30%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--planet-accent),transparent);opacity:.55}
.route-stop.current .route-image{filter:drop-shadow(0 0 12px #a983ff55)}.route-stop.current .route-marker{background:#d0baff;color:#24153c}.route-stop.previewing{border-color:color-mix(in srgb,var(--planet-accent) 48%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--planet-glow) 5%,transparent),color-mix(in srgb,var(--planet-glow) 20%,transparent))}.route-stop.previewing strong{color:var(--planet-accent)}.route-stop:focus-visible{outline-color:var(--planet-accent)}
.route-detail{color:#939fb9}.route-heading>span{color:#8896b2}.return-planet{color:var(--planet-accent);border-color:color-mix(in srgb,var(--planet-accent) 30%,transparent);background:color-mix(in srgb,var(--planet-glow) 10%,transparent)}
@media(min-width:901px) and (max-height:760px){.mission-intro h1{font-size:58px}.hero-stage{margin-bottom:12px}.expedition-deck{height:93px;bottom:-20px}.hero-caption{bottom:-4px}.boot-shadow{top:45%}.hero-stage #landingHero{height:96%}.hero-stage[data-character="boy"] #landingHero{height:86%}}
@media(max-width:1150px) and (min-width:901px){.hero-stage{--crew-x:58%}.hero-stage[data-character="boy"]{--crew-x:57%}.expedition-deck{width:350px}.mission-intro h1{font-size:56px}}
@media(max-width:900px) and (min-width:621px){.hero-stage{--crew-x:65%;margin-bottom:0;top:344px}.hero-stage[data-character="boy"]{--crew-x:65%}.hero-stage #landingHero{height:113%}.hero-stage[data-character="boy"] #landingHero{height:101%}.expedition-deck{height:93px;bottom:-26px;width:370px}.hero-caption{display:none}}
@media(max-width:620px){.hero-stage{--crew-x:65%;height:315px;margin:0 0 13px}.hero-stage[data-character="boy"]{--crew-x:65%}.hero-stage #landingHero{height:102%;bottom:5%}.hero-stage[data-character="boy"] #landingHero{height:93%;bottom:5%}.expedition-deck{height:92px;width:360px;left:57%;bottom:-26px}.boot-shadow{left:44%;top:48%}.hero-caption{display:none}.hero-stage .landing-planet{top:42%;left:45%}.hero-stage[data-planet="saturn"] .landing-planet{width:435px}.mission-intro h1{font-size:56px}.mission-intro h1>span{letter-spacing:1.7px}.planet-route{padding-top:17px}}
.quiet-scene .landing-stars{animation:none}.quiet-scene .landing-planet,.quiet-scene .route-image{transition:none}
@media(prefers-reduced-motion:reduce){.landing-planet{transition:none}}

@keyframes panelArrival{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
#settings:not(.hidden),#controlsPanel:not(.hidden) .controls-card,#equipmentPanel:not(.hidden) .equipment-card,#pause:not(.hidden) .pause-card{animation:panelArrival .23s ease-out both}
@media(prefers-reduced-motion:reduce){#settings:not(.hidden),#controlsPanel:not(.hidden) .controls-card,#equipmentPanel:not(.hidden) .equipment-card,#pause:not(.hidden) .pause-card{animation:none}}
body:has(.quiet-scene) #settings,body:has(.quiet-scene) .controls-card,body:has(.quiet-scene) .equipment-card,body:has(.quiet-scene) .pause-card{animation:none}


.destination-effects{position:absolute;inset:-10% 0 0;overflow:hidden;pointer-events:none;z-index:1}
.deck-approach{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;color:var(--planet-accent)}.ramp-surface{opacity:.78}.ramp-rail{stroke:currentColor;stroke-width:1;opacity:.2}.hero-caption{background:#101427a0;border:1px solid #a8afd321;border-radius:3px;padding:4px 7px;bottom:-21px}
@media(min-width:901px) and (max-height:760px){.hero-caption{bottom:-9px}}
@media(max-width:620px){.hero-stage[data-planet="saturn"] .landing-planet{width:min(435px,108vw)}.deck-approach{display:none!important}}

@media(max-width:620px){.expedition-deck{left:54%;width:min(360px,calc(100vw - 30px))}}
.landing-layout{overflow-x:clip;overflow-y:visible}