/* Story first. Instructions remain available from the pause screen. */
html,body,#subtitle,#cinema,#controls,#hud,#flight-nav,#listening-card,.panel,.night-scroll{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
#subtitle::selection,#subtitle *::selection{color:inherit;background:transparent}
button:focus-visible{outline:1px solid #e5c78f;outline-offset:3px}
.notebook .eyebrow,.panel>.eyebrow,#seal b,#joystick i,#hint,#flightheight,.cinema-top>span,.cinema-bottom,#subtitle small,.intro>.eyebrow,#speech-progress,#speech-place,.night-person small,.night-person p,.night-scroll header>small,.night-scroll header>span,.night-scroll footer>small,.poem-text section>small,.panel.night>.eyebrow{display:none!important}
#speaker-portrait::after,#speaker-portrait::before{display:none!important}
#chapter{opacity:.64;font-size:clamp(.65rem,1.25vw,.9rem)}
#flight-nav #nav-places p{display:none}
#toast{font-size:.85rem}
.night-person{bottom:10%}
.night-scroll header{padding-bottom:1rem}
.poem-text section{margin-bottom:1.8em}
#listening-card .speech-copy{justify-content:center}
body.listening #altitude{display:none}
#flight-nav{left:2.3%;top:16%;width:clamp(8.2rem,15.5vw,13rem);max-width:18%;}
#flight-nav #nav-places{display:flex;flex-direction:column;gap:.35vh;margin:0;padding:0;border:0;background:none;box-shadow:none;}
#flight-nav #nav-places button{min-height:clamp(2.75rem,6.6vh,3.4rem);padding:.3em .7em;background:#24332fbd;border:1px solid #c8b58055;border-radius:.35rem;font-size:clamp(.67rem,1.05vw,.92rem);}
#flight-nav #nav-places small{display:none;}
#flight-nav #cancel-flight,#flight-nav #tour-flight{min-height:2.75rem;margin-top:.35vh;font-size:.7rem;padding:.3em .6em;}
#flight-nav #tour-flight{border-color:#d6b76c88;background:#38423ae6;width:100%;}
#flight-nav #cancel-flight{position:fixed;left:19%;top:16%;}
@media(max-height:450px){#flight-nav{top:13%;left:1.5%;max-height:61%;overflow-y:auto;scrollbar-width:thin;}#flight-nav #nav-places button{min-height:2.75rem;}#flight-nav #cancel-flight{position:fixed;left:19%;top:14%;}}
.intro footer{font-size:.73rem;line-height:1.6}
.cinema-top{background:transparent;justify-content:flex-end}
.speech-copy footer{justify-content:flex-end}
.ending-control{position:fixed;right:3vw;top:4vh;z-index:24}.ending-control[hidden]{display:none}.ending-control button{min-height:3rem;padding:.5rem 1.2rem;background:#18252aca;color:#ead9b2;border:1px solid #ddc49777;border-radius:.4rem}
body.ending-shot #controls,body.ending-shot #hud,body.ending-shot #flight-nav{display:none!important}
body.ending-shot #subtitle{bottom:8vh;width:76vw;left:12vw;font-size:clamp(1rem,2vw,1.6rem);text-align:center;line-height:1.9;text-shadow:0 2px 6px #111}
body.ending-shot #vignette{box-shadow:inset 0 0 12vw #10192166}
#listening-card{opacity:1}
/* Modal UI always owns input, including the final film's high-layer controls. */
body.game-paused #overlay.active{z-index:40}
body.game-paused #cinema,body.game-paused #night-review,body.game-paused .ending-control{pointer-events:none}
body.game-paused #cinema button,body.game-paused #night-review button,body.game-paused .poem-window,body.game-paused .ending-control button{pointer-events:none}
.ending-control{display:flex;gap:.5em}
.diagnostics{margin-top:1em;font-size:.78em;color:#c7baa0}.diagnostics p{line-height:1.65}
#pause,#cinema-pause,#cinema-skip,.speech-copy footer button{min-height:44px;min-width:44px}