body.film-portrait{--film-w:min(100vw,56.25vh);--film-h:min(100vh,177.777778vw);background:#050507}
body.film-portrait #scene{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--film-w);height:var(--film-h);overflow:hidden}
body.film-portrait #start-screen,body.film-portrait #entry-screen,body.film-portrait #flash{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--film-w);height:var(--film-h)}
body.film-portrait #press-start{font-size:clamp(22px,calc(var(--film-w)*.09),64px);padding:16px 4px;white-space:nowrap}
body.film-portrait .vhs-footer{left:calc(50% - var(--film-w)/2);right:auto;width:var(--film-w);bottom:calc((100vh - var(--film-h))/2 + var(--film-h)*.065)}
body.film-portrait .cockpit{width:calc(var(--film-w)*.90);max-width:none}
body.film-portrait #level-caption{left:calc(50% - var(--film-w)/2);right:auto;width:var(--film-w);bottom:calc((100vh - var(--film-h))/2 + var(--film-h)*.27)}
body.film-portrait[data-film-panel=hidden] .vhs-footer{visibility:hidden;pointer-events:none}
body.film-portrait[data-film-panel=changes] .vhs-footer{opacity:0;transition:opacity .65s;pointer-events:none}
body.film-portrait[data-film-panel=changes].film-panel-active .vhs-footer{opacity:1;pointer-events:auto}
#film-guides{position:fixed;left:calc(50% - var(--film-w)/2 + var(--film-w)*.06);top:calc((100vh - var(--film-h))/2 + var(--film-h)*.13);width:calc(var(--film-w)*.8);height:calc(var(--film-h)*.65);border:1px dashed #fff5;pointer-events:none;z-index:20;display:none}
body.film-portrait.film-guides #film-guides{display:block}#film-guides span{font:9px Arial;color:#fffc;background:#0008;padding:3px}

body.film-portrait #film-halo{inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:var(--film-w);height:var(--film-h);overflow:hidden}

/* A separate, fixed 16:9 edition; the portrait preset remains unchanged. */
body.film-landscape{--film-w:min(100vw,177.777778vh);--film-h:min(100vh,56.25vw);background:#050507}
body.film-landscape #scene{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--film-w);height:var(--film-h);overflow:hidden}
body.film-landscape #start-screen,body.film-landscape #entry-screen,body.film-landscape #flash{inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--film-w);height:var(--film-h)}
body.film-landscape .vhs-footer{left:calc(50% - var(--film-w)/2);right:auto;width:var(--film-w);bottom:calc((100vh - var(--film-h))/2 + var(--film-h)*.055)}
body.film-landscape #film-halo{inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%);width:var(--film-w);height:var(--film-h);overflow:hidden}