/* Full-viewport fallback when native fullscreen is unavailable. */
#film-dialog {position:fixed;inset:0;box-sizing:border-box;margin:0;width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:0;background:#000;overflow:hidden;}
#film-dialog[open] {display:grid;grid-template-rows:minmax(0,1fr);}
#film-dialog video {width:100%;height:100%;max-height:none;min-height:0;aspect-ratio:auto;object-fit:contain;background:#000;}
#film-dialog h2 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
#film-dialog > form {position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));margin:0;}
#film-dialog .close {position:static;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;background:#061b23d9;box-shadow:0 0 0 1px #fff6;}
#film-dialog .close:focus-visible {outline:3px solid #20cdc5;outline-offset:3px;}
html:has(#film-dialog[open]) {overflow:hidden;}
#main-film:fullscreen {width:100vw;height:100vh;background:#000;object-fit:contain;}

#film-dialog > p {display:none;}