/* A full-viewport cinema, with native fullscreen requested on the opening tap. */
.cinema-dialog{position:fixed;inset:0;margin:0;border:0;padding:0;width:100vw;width:var(--cinema-width,100dvw);height:100vh;height:var(--cinema-height,100dvh);max-width:none;max-height:none;overflow:hidden;background:#050505}
.cinema-dialog::backdrop{background:#050505}
.cinema-dialog-inner{position:relative;width:100%;height:100%;overflow:hidden;background:#050505}
.cinema-dialog-inner:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none}
.cinema-player{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;background:#050505}
.cinema-dialog-header{position:absolute;inset:0 0 auto;z-index:2;padding:24px max(28px,env(safe-area-inset-right)) 34px max(28px,env(safe-area-inset-left));padding-top:max(24px,env(safe-area-inset-top));background:linear-gradient(#0009,transparent);pointer-events:none;transition:opacity .25s}
.cinema-dialog-header p{font-size:25px;font-weight:400}
.cinema-dialog-header>div>span{font-size:7px;letter-spacing:.2em}
.cinema-close{pointer-events:auto;width:44px;height:44px;min-width:44px;border:1px solid #e9ddd754;border-radius:50%;background:#08080866;color:#fff}
.cinema-close:hover{background:#ffffff26}
.cinema-close:focus-visible{outline:2px solid #fff;outline-offset:5px}
.cinema-dialog-footer{position:absolute;left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));z-index:2;display:flex;justify-content:space-between;align-items:center;padding:0;pointer-events:none;transition:opacity .25s}
.cinema-definition{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.14em;color:#f4f0e8;text-shadow:0 1px 8px #000}
.cinema-definition strong{border:1px solid #e9ddd773;font-size:10px;font-weight:500;padding:6px 8px;background:#08080866;letter-spacing:.08em}
.cinema-invitation{pointer-events:auto;font-size:10px;text-shadow:0 1px 8px #000}
.cinema-error{position:absolute;inset:auto 20px 130px;z-index:3;padding:16px;background:#170f15e8;text-align:center}
.cinema-controls-quiet .cinema-dialog-header,.cinema-controls-quiet .cinema-dialog-footer{opacity:0;pointer-events:none}
.cinema-controls-quiet .cinema-close,.cinema-controls-quiet .cinema-invitation{pointer-events:none}
.cinema-dialog-header:focus-within,.cinema-dialog-footer:focus-within{opacity:1;pointer-events:auto}
@media(max-width:760px){.cinema-dialog-header{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.cinema-dialog-header p{font-size:23px}.cinema-dialog-footer{left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));gap:14px;flex-wrap:nowrap}.cinema-definition span{display:none}.cinema-invitation{font-size:9px}}
@media(orientation:landscape) and (max-height:500px){.cinema-dialog-header{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:20px}.cinema-dialog-header p{font-size:21px}.cinema-dialog-header>div>span{font-size:6px}.cinema-dialog-footer{bottom:calc(62px + env(safe-area-inset-bottom))}.cinema-close{width:40px;height:40px;min-width:40px}}
@media(prefers-reduced-motion:reduce){.cinema-dialog-header,.cinema-dialog-footer{transition:none}}