/* All-player expanded view: controls overlay the image, never consume its height. */
html.video-view-open{overflow:hidden;scroll-behavior:auto}
.video-view-open body{position:fixed;width:100%;overflow:hidden}
.video-view-open .release-content{transform:none;opacity:1;transition:none}
.film.expanded-view{--edge-x:max(8px,env(safe-area-inset-left),env(safe-area-inset-right));--edge-y:max(8px,env(safe-area-inset-top),env(safe-area-inset-bottom));--video-height:min(calc((100vw - var(--edge-x) * 2) * 9 / 16),calc(100vh - var(--edge-y) * 2));position:fixed;inset:0;z-index:1000;width:100%;height:100vh;margin:0;padding:0;background:#000;display:grid;grid-template: minmax(0,1fr) / minmax(0,1fr);place-items:center;overflow:hidden;overscroll-behavior:contain}
@supports(height:100dvh){.film.expanded-view{height:100dvh;--video-height:min(calc((100vw - var(--edge-x) * 2) * 9 / 16),calc(100dvh - var(--edge-y) * 2))}}
.expanded-view .video-shell{grid-area:1/1;width:calc(var(--video-height) * 16 / 9);height:var(--video-height);aspect-ratio:16/9}
.expanded-view .reveal-transport{grid-area:1/1;z-index:6;width:calc(var(--video-height) * 16 / 9);transform:translateY(calc(var(--video-height) / 2 - 50%));background:linear-gradient(transparent,rgba(0,0,0,.88));border:0;padding:8px 6px 2px}
.expanded-view .reveal-caption{display:none}
.expanded-view .video-error{position:absolute;top:8px;left:12px;right:12px;z-index:7;background:#111;padding:8px}
.expand-view:focus-visible{outline-offset:-3px}