.observatory.apollo-view{height:calc(100dvh - 64px);min-height:520px;max-height:none;overflow:hidden;background:#03070c}
.apollo-view .scene-top,.apollo-view .scene-title,.apollo-view .scene-bottom,.apollo-view .scene-caption,.apollo-view .scene-clock,.apollo-view .selection,.apollo-view .scene-tools,.apollo-view #clock-mobile-actions{display:none!important}
.apollo-active .time-panel{display:none}
body.apollo-active #mobile-view-actions,body.apollo-active #sky-mobile-menu-toggle,.apollo-view .sky-readouts{display:none!important}
.observatory.apollo-view #viewport{inset:0!important;mask-image:none!important;-webkit-mask-image:none!important;overflow:hidden}
.observatory.apollo-view .mobile-view-header,.observatory.apollo-view #mobile-view-actions,.observatory.apollo-view .stage-brand,.observatory.apollo-view .stage-credit{display:none!important}
#apollo-experience{position:absolute;inset:0;width:100%;height:100%;color:#f5f2eb;background:transparent;pointer-events:none;overflow:hidden;z-index:12;font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",system-ui,sans-serif}
#apollo-experience button,#apollo-experience a,#apollo-experience input,#apollo-experience dialog{pointer-events:auto;font-family:inherit}
#apollo-experience button{width:auto;min-width:0;box-shadow:none;margin:0}
#apollo-experience header{padding:15px 25px;min-height:0;background:none;border:0}
#apollo-experience .header-actions button{font-size:12px;line-height:1.3;min-height:36px}
#apollo-experience #apollo-welcome{top:24%}
#apollo-experience .chapter-heading{top:78px;max-width:55%}
#apollo-experience .chapter-heading h2{font-size:clamp(23px,3vw,39px)}
#apollo-experience .mission-clock{position:absolute;top:88px;right:4%;text-align:right;text-shadow:0 2px 10px #000}
#apollo-experience .mission-clock time{display:block;color:#f2d8ac;font:20px/1.5 Georgia,serif;font-variant-numeric:tabular-nums}
#apollo-experience .mission-clock span,#apollo-experience .mission-clock small{display:block;font:11px/1.7 system-ui;color:#b4c7d7}
#apollo-experience .mission-views{position:absolute;right:4%;top:173px;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:45%}
#apollo-experience .mission-views button{border:1px solid #b4ccdd33;border-radius:30px;background:#071425a3;padding:9px 13px;color:#d7e7ef;font-size:11px;min-height:36px;backdrop-filter:blur(8px)}
#apollo-experience .mission-views button[aria-pressed=true]{color:#ffe3b1;border-color:#e5c58f8a;background:#27313aa8}
#apollo-experience #apollo-caption{bottom:138px}
#apollo-experience .vignette{background:linear-gradient(180deg,#020611dd,transparent 30%,transparent 65%,#020611dd)}
#apollo-experience #apollo-milestone{top:44%;pointer-events:none}
#apollo-experience .buttons .play{width:42px}
#apollo-experience #apollo-controls{background:linear-gradient(0deg,#050b16eb,transparent);min-height:0;display:block;border:0;margin:0;max-width:none}
#apollo-experience h1{max-width:none;font:500 clamp(35px,4.4vw,68px)/1.4 "Yu Mincho","Hiragino Mincho ProN",Georgia,serif;letter-spacing:.015em}
#apollo-experience h1 em{white-space:nowrap}
#apollo-experience .progress-row{width:100%}
#apollo-experience #apollo-progress{width:auto;flex:1}
#apollo-experience .buttons button{font-size:12px;color:#e6e4df}
#apollo-experience .primary{min-width:235px;margin-top:22px}
#apollo-experience .sr-only{pointer-events:none}
#apollo-experience #apollo-source-dialog,#apollo-experience #apollo-chapter-dialog{pointer-events:auto;position:fixed;inset:0;margin:auto;height:fit-content;max-height:85dvh}
#apollo-resume{position:absolute;z-index:16;right:22px;bottom:85px;background:#122335de;border:1px solid #c4a27088;color:#f2d4a7;padding:10px 15px;border-radius:24px;font-size:12px;box-shadow:0 5px 20px #0007}
@media(max-width:700px){.observatory.apollo-view{height:100dvh;min-height:440px;margin:0;border-radius:0}#apollo-experience header{padding:11px 12px}#apollo-experience .chapter-heading{top:66px;max-width:88%}#apollo-experience .chapter-heading h2{font-size:23px;margin:4px 0}#apollo-experience .chapter-heading #apollo-place{display:none}#apollo-experience .mission-clock{left:6%;right:auto;top:132px;text-align:left}#apollo-experience .mission-clock time{font-size:17px}#apollo-experience .mission-clock span{font-size:10px}#apollo-experience .mission-clock small{font-size:9px;max-width:93vw}#apollo-experience .mission-views{top:213px;left:6%;right:5%;max-width:none;justify-content:flex-start}#apollo-experience .mission-views button{font-size:10px;padding:6px 10px;min-height:32px}#apollo-experience #apollo-welcome{top:auto;bottom:11%;left:7%;width:86%}#apollo-experience:not(.started) .mission-clock{top:63px;right:6%;left:auto;text-align:right}#apollo-experience:not(.started) .mission-views{top:142px}#apollo-experience #apollo-caption{bottom:126px}#apollo-experience #apollo-caption p{font-size:11px;line-height:1.7}#apollo-experience .buttons button{font-size:10px;padding:5px}#apollo-experience #apollo-controls{padding-left:13px;padding-right:13px}#apollo-experience .buttons{gap:11px}#apollo-experience #apollo-milestone{top:50%}}
@media(max-height:550px){.observatory.apollo-view{height:100dvh;min-height:320px}#apollo-experience .chapter-heading{top:49px}#apollo-experience .mission-clock{top:56px;left:auto;right:3%;text-align:right}#apollo-experience .mission-views{top:126px;left:auto;right:3%}#apollo-experience #apollo-caption{bottom:94px;width:44%;left:4%;transform:none}#apollo-experience .reconstruction{display:none}#apollo-experience #apollo-welcome{top:20%;bottom:auto;width:47%}#apollo-experience #apollo-milestone{top:48%}}
.apollo-view .sky-scene-brand,.apollo-view .sky-scene-credit{display:none!important}@media(max-width:700px){#apollo-experience h1{font-size:clamp(28px,7.8vw,39px)}}
#apollo-experience #apollo-sky-context{position:absolute;left:5%;bottom:225px;max-width:44%;text-shadow:0 2px 12px #000;pointer-events:none;color:#aacadb;border-left:1px solid #9ccfe94d;padding-left:13px}
#apollo-sky-context strong,#apollo-sky-context small{display:block;font-weight:400}
#apollo-sky-context strong{font-size:13px;letter-spacing:.09em;line-height:1.7}
#apollo-sky-context small{font-size:10px;opacity:.8;line-height:1.6}
#apollo-sky-readings{font:11px/1.7 system-ui;font-variant-numeric:tabular-nums;color:#e4ceaa;margin:6px 0 0}
#apollo-sky-readings:empty{display:none}
@media(max-width:700px){#apollo-experience .mission-views{gap:5px}#apollo-experience .mission-views button{padding:6px 9px}#apollo-experience #apollo-sky-context{bottom:207px;max-width:86%;left:6%;padding-left:9px}#apollo-sky-context strong{font-size:11px}#apollo-sky-context small,#apollo-sky-readings{font-size:9px}}
@media(max-height:550px){#apollo-experience #apollo-sky-context{left:auto;right:3%;bottom:100px;max-width:45%}#apollo-sky-context strong{font-size:10px}#apollo-sky-context small{font-size:9px}}
#apollo-experience[data-chapter="step"] #apollo-milestone{top:27%;transform:translate(-50%,-50%) scale(.8)}
@media(max-width:700px){#apollo-experience[data-chapter="step"] #apollo-milestone{top:35%;transform:translate(-50%,-50%) scale(.75)}}

/* The quote occupies the quiet upper frame; the bootprint remains below it.
   Buttons remain usable. Other captions dim with the same playback-time fade. */
#apollo-experience #apollo-footprint-quote{position:absolute;top:29%;left:10%;width:80%;margin:0;text-align:center;pointer-events:none;opacity:0;z-index:3;text-shadow:0 2px 9px #000,0 0 26px #000}
#apollo-footprint-quote blockquote{padding:0;margin:0;border:0;background:none;font:400 clamp(23px,2.6vw,36px)/1.5 Georgia,"Times New Roman",serif;letter-spacing:.005em;color:#fff5df}
#apollo-footprint-quote blockquote span,#apollo-footprint-quote blockquote em{display:block}
#apollo-footprint-quote blockquote em{font-style:normal;color:#efd1a0}
#apollo-footprint-quote p{font:400 clamp(13px,1.25vw,17px)/1.85 "Yu Mincho","Hiragino Mincho ProN",serif;margin:17px 0 0;letter-spacing:.055em;color:#f0eee7}
#apollo-footprint-quote figcaption{font:400 10px/1.6 system-ui,sans-serif;letter-spacing:.20em;color:#bdb6a5;margin-top:18px}
#apollo-experience.footprint-quote-active .chapter-heading,#apollo-experience.footprint-quote-active .mission-clock,#apollo-experience.footprint-quote-active #apollo-caption,#apollo-experience.footprint-quote-active #apollo-sky-context{opacity:calc(1 - var(--apollo-quote-opacity,0))}
@media(max-width:700px){
 #apollo-experience #apollo-footprint-quote{top:67px;left:5%;width:90%}
 #apollo-footprint-quote blockquote{font-size:clamp(17px,4.8vw,24px);line-height:1.35}
 #apollo-footprint-quote p{font-size:12px;line-height:1.55;letter-spacing:.01em;margin-top:10px}
 #apollo-footprint-quote figcaption{font-size:8px;letter-spacing:.15em;margin-top:9px}
}
#apollo-route-labels{position:absolute;inset:0;pointer-events:none}
#apollo-route-labels span{position:absolute;white-space:nowrap;color:#d2e5f1;font:12px/22px system-ui;text-shadow:0 1px 5px #000,0 0 12px #000;letter-spacing:.035em}
#apollo-route-labels .apollo-craft-label{color:#ffda9c;font-size:10px;letter-spacing:.16em}
#apollo-experience #apollo-route-status{position:absolute;right:5%;bottom:220px;text-align:right;pointer-events:none;text-shadow:0 2px 12px #000}
#apollo-route-status strong,#apollo-route-status span,#apollo-route-status small{display:block}
#apollo-route-status strong{font:22px/1.5 "Yu Mincho",Georgia,serif;color:#ffe2b1}
#apollo-route-status span{font:13px/1.8 system-ui;color:#dfebf2;font-variant-numeric:tabular-nums}
#apollo-route-status small{font:10px/1.6 system-ui;color:#a9c1d1}
#apollo-route-status em{display:block;font:11px/1.8 system-ui;color:#f3d8ad;font-variant-numeric:tabular-nums}
#apollo-route-status{max-width:min(480px,88%)}
@media(max-width:700px){#apollo-route-status em{font-size:10px}#apollo-route-status strong{font-size:16px!important}}
@media(max-width:700px){
 #apollo-experience #apollo-route-status{left:6%;right:auto;bottom:135px;text-align:left}
 #apollo-route-status strong{font-size:17px}#apollo-route-status span{font-size:11px}#apollo-route-status small{font-size:9px}
 #apollo-route-labels span{font-size:10px}
 #apollo-experience:has(#apollo-route-status:not([hidden])) #apollo-sky-context{display:none}
 #apollo-experience:has(#apollo-route-status:not([hidden])) #apollo-caption{display:none}
}
@media(max-width:700px) and (min-height:551px) and (max-height:760px){
 #apollo-experience:has(#apollo-route-status:not([hidden])) .chapter-heading{top:58px}
 #apollo-experience:has(#apollo-route-status:not([hidden])) .chapter-heading h2{font-size:19px}
 #apollo-experience:has(#apollo-route-status:not([hidden])) .mission-clock{top:122px}
 #apollo-experience:has(#apollo-route-status:not([hidden])) .mission-clock time{font-size:14px}
 #apollo-experience:has(#apollo-route-status:not([hidden])) .mission-clock span{font-size:9px}
 #apollo-experience:has(#apollo-route-status:not([hidden])) .mission-clock small{font-size:8px}
 #apollo-experience:has(#apollo-route-status:not([hidden])) .mission-views{top:175px}
}
@media(max-height:550px){
 #apollo-experience #apollo-route-status{bottom:98px;right:3%;left:auto;text-align:right}
 #apollo-route-status strong{font-size:17px}#apollo-route-status span{font-size:11px}
 #apollo-experience:has(#apollo-route-status:not([hidden])) #apollo-sky-context{display:none}
}
@media(max-height:550px) and (min-width:701px){
 #apollo-experience #apollo-footprint-quote{top:90px;left:4%;width:47%;text-align:left}
 #apollo-footprint-quote blockquote{font-size:clamp(16px,2.1vw,22px);line-height:1.4}
 #apollo-footprint-quote p{font-size:12px;line-height:1.6;margin-top:10px;letter-spacing:0}
 #apollo-footprint-quote figcaption{font-size:8px;margin-top:10px}
}