#cinema{display:none;position:absolute;inset:0;pointer-events:none;z-index:4}.cinematic #cinema{display:block}.cinema-top,.cinema-bottom{position:absolute;left:0;right:0;background:#101820ed;padding:1.2vh 3%;display:flex;align-items:center;justify-content:space-between;min-height:8vh}.cinema-top{top:0}.cinema-bottom{bottom:0;min-height:7vh;font-size:clamp(10px,1vw,15px);color:#b8b5a6;gap:2em}.cinema-top span{letter-spacing:.23em;color:#ddc99e;font-size:clamp(12px,1.2vw,19px)}#cinema-pause,#cinema-skip{pointer-events:auto;font-size:clamp(11px,1vw,15px);min-height:3em;background:transparent;padding:.4em 1em}.cinema-track{width:24%;height:2px;background:#c8b58e30}.cinema-track i{display:block;height:100%;background:#d3b37d;width:0}#cinema-beat[data-lock]::after{content:' · ' attr(data-lock);opacity:.65;margin-left:1em}.cinematic #controls,.cinematic #hud,.cinematic #hint,.cinematic #toast{visibility:hidden}.cinematic #subtitle{left:16%;right:16%;bottom:11%;font-size:clamp(16px,1.8vw,27px);line-height:1.85}.cinematic #subtitle small{font-size:.55em;margin-bottom:.5em}.cinematic #overlay{z-index:6}.cinematic #vignette{box-shadow:inset 0 0 10vw 1vw #1118248a}@media(max-height:450px){.cinematic #subtitle{left:13%;right:13%;font-size:16px}.cinema-bottom{font-size:10px}#cinema-beat[data-lock]::after{margin-left:.4em}}