html.film-open{overflow:hidden}
#studio-opening{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#080608;color:#fff;overflow:hidden}
#studio-opening::backdrop{background:#080608}
#studio-opening[open]{display:grid;grid-template-rows:auto 1fr auto}
.film-heading,.film-controls{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px clamp(20px,4vw,64px);background:#080608}
.film-heading p{margin:0;color:#ff79b5;font:600 11px/1.5 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase}
.film-heading span{color:#c3b6bf;font:400 11px/1.5 'DM Sans',sans-serif;letter-spacing:.08em}
#studio-film{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#080608}
.film-controls p{margin:0;max-width:400px;color:#b9acb4;font:400 12px/1.6 'DM Sans',sans-serif}
#enter-studio{flex-shrink:0;min-height:48px;padding:13px 24px;border:1px solid #ff4e9d;border-radius:999px;background:#ff2b91;color:#170810;font:700 13px/1.4 'DM Sans',sans-serif;cursor:pointer}
#enter-studio:hover{background:#ff73b5}
#enter-studio:focus-visible,#replay-studio-film:focus-visible{outline:3px solid #fff;outline-offset:5px}
.film-replay{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px}
#replay-studio-film{border:1px solid #8b4664;border-radius:999px;padding:10px 18px;background:transparent;color:inherit;font:600 12px/1.4 'DM Sans',sans-serif;cursor:pointer;min-height:44px}
#film-status{font-size:12px;line-height:1.5;color:#baabb3;margin:0;max-width:350px}
@media(max-width:600px){.film-heading{padding:20px;align-items:flex-start}.film-heading span{max-width:90px;text-align:right}.film-controls{padding:20px 20px max(24px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:16px}.film-controls p{text-align:center;font-size:11px}#enter-studio{width:100%}.film-replay{gap:12px}}