/* Quiet viewing; exploration keeps the engineering in the foreground. */
#st-bar{border:0;background:linear-gradient(0deg,#05090ff5,#05090fbb);padding:14px 18px 10px}
#sb-ticks{grid-template-columns:repeat(8,minmax(0,1fr))}
body.story:not(.chapters-open) #sb-ticks,body.story:not(.chapters-open) #chapter-select{display:none}
#film-status{display:none}
.film-controls{gap:8px}.film-controls .sb{min-height:38px}
body.story #mission-broadcast{display:none}
body.story #command-header{background:linear-gradient(#05090fdd,transparent);border:0}
body.story #st-card{top:105px}
body.film-idle #st-bar,body.film-idle #command-header{opacity:0;visibility:hidden;pointer-events:none}
#st-bar,#command-header{transition:opacity .25s,visibility .25s}
body.film-idle #subtitle-zone{bottom:max(7vh,35px)!important}
body.story #st-sub{background:linear-gradient(90deg,transparent,#05090fbb 15%,#05090fbb 85%,transparent);border:0;text-shadow:0 2px 4px #000;max-width:900px}
body.story #st-title{inset:0;padding:37vh 5vw 0;background:transparent;text-align:center}
#explore-tools{display:none;position:fixed;left:24px;top:98px;z-index:24;gap:7px;flex-wrap:wrap;max-width:calc(100vw - 48px)}
body.exploring #explore-tools{display:flex}body.story #explore-tools,body.photo #explore-tools,body.hud-hidden #explore-tools{display:none}
body.exploring #caption{top:160px}
@media(max-width:1000px){#sb-ticks{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.film-controls{gap:5px}.film-controls .sb{min-height:34px;font-size:10px;padding:5px 7px}#st-bar{padding:10px}#explore-tools{top:86px;left:14px;max-width:calc(100vw - 28px)}#explore-tools .btn{font-size:10px;padding:6px}body.exploring #caption{top:145px}}
@media(max-height:560px){body.chapters-open #chapter-select{display:block}}
@media(prefers-reduced-motion:reduce){#st-bar,#command-header{transition:none}}

#film-scene-note{position:absolute;top:78px;left:24px;right:24px;color:#c2d6df;font-size:11px;line-height:1.5;letter-spacing:.04em;text-shadow:0 1px 4px #000;pointer-events:none}body.film-idle #film-scene-note{top:20px}@media(max-width:600px){#film-scene-note{left:14px;right:14px;font-size:9px;top:80px}body.story #st-card{top:120px}}