/* v8: one encoded film, not a live puppet renderer. */
.legacy-stage[hidden]{display:none!important}
.film-stage{position:relative;flex:1;min-height:0;background:#1c1310;border:1px solid var(--ink);overflow:hidden;border-radius:3px 3px 0 0;overflow-anchor:none}
.film-stage video{display:block;width:100%;height:100%;object-fit:contain}
.film-instruction{position:absolute;left:0;right:0;bottom:7%;text-align:center;font:600 9px/1.4 Arial;letter-spacing:.17em;color:#f7e6c4;pointer-events:none;text-shadow:0 2px 7px #140908;transition:opacity .3s}
.film-stage.started .film-instruction{opacity:0}
.film-error{position:absolute;inset:auto 12% 12%;padding:14px;background:#f5e6c6;color:#211914;font:14px/1.5 Arial;text-align:center}
.film-controls{gap:20px}.film-controls button{min-height:44px;display:flex;align-items:center;gap:12px;background:none;border:0;font:700 11px Arial;cursor:pointer;padding:0 4px;color:var(--ink)}
.film-controls button:hover{color:var(--red)}.film-controls button:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.film-controls button span{font-size:20px}.film-controls .act-name{min-width:160px;font-size:8px}
body.cinema-enabled .cinema-track{height:340svh;min-height:1750px}
body.effects-paused .cinema-track{height:auto;min-height:0}
body.effects-paused .film-instruction{display:none}
@media(max-width:600px){.cinema-pin{height:calc((100vw - 16px)*1.4 + 43px);min-height:0;max-height:none}.film-controls{gap:9px}.film-controls .act-name{display:none}.film-controls button{font-size:10px;gap:7px}.film-stage video{object-fit:contain}.film-instruction{font-size:7px;bottom:5%}}
@media(prefers-reduced-motion:reduce){.film-instruction{transition:none}}