#player.eyeroom-cinema{position:relative;isolation:isolate;background:#000;overflow:hidden}
#player.eyeroom-cinema mux-player{--controls:none;width:100%;height:100%;--media-object-fit:contain}
#player.eyeroom-cinema:fullscreen{width:100vw!important;height:100dvh!important;aspect-ratio:auto!important}
.cinema-controls{position:absolute;inset:0;z-index:3;color:white;font-family:inherit;background:linear-gradient(#0006,transparent 28%,transparent 65%,#000b);pointer-events:none;transition:opacity .2s}
.cinema-controls button,.cinema-controls input,.cinema-controls select{pointer-events:auto}
.cinema-controls button{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:9px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#fff!important;cursor:pointer;box-shadow:none!important}
.cinema-controls button:hover{background:#ffffff24!important}.cinema-controls button:focus-visible,.cinema-controls input:focus-visible,.cinema-controls select:focus-visible{outline:2px solid #edc367!important;outline-offset:3px}
.cinema-controls svg{width:26px;height:26px;display:block}.cinema-controls [hidden]{display:none!important}
.cinema-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:8px}
.cinema-top>[data-action=close],.cinema-tools{background:#5559!important;border:1px solid #ffffff30!important;border-radius:40px!important;backdrop-filter:blur(12px)}
.cinema-tools{display:flex;padding:2px;gap:3px}
.cinema-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:clamp(24px,6vw,90px)}
.cinema-center button{position:relative;min-width:64px;min-height:64px}.cinema-center svg{width:40px;height:40px}.cinema-center [data-action=play] svg{width:56px;height:56px}
.cinema-center [data-action=back]:after,.cinema-center [data-action=forward]:after{content:'10';position:absolute;font-size:12px;font-weight:700;left:0;right:0;text-align:center;top:25px}
.cinema-bottom{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right))}
.cinema-title{display:block;font-size:clamp(14px,2.2vw,28px);margin-bottom:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 5px #000}
.cinema-timeline{display:flex;align-items:center;gap:12px;font-size:13px;font-variant-numeric:tabular-nums}.cinema-timeline span{min-width:40px}.cinema-timeline input{flex:1;min-width:0;cursor:pointer;accent-color:#edc367;height:24px;background:transparent;margin:0}
.cinema-settings{position:absolute;right:14px;top:72px;max-height:calc(100% - 85px);overflow:auto;width:min(280px,calc(100% - 28px));box-sizing:border-box;background:#101411f2;border:1px solid #edc36755;border-radius:16px;padding:16px;pointer-events:auto;z-index:5;font-size:14px;box-shadow:0 12px 30px #0009}
.cinema-settings label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0}.cinema-settings select{background:#202620;color:white;border:1px solid #ffffff35;border-radius:10px;padding:8px;max-width:150px}.cinema-settings input{width:125px;accent-color:#edc367}.cinema-settings p{font-size:12px;color:#ccc}
.cinema-announcement{position:absolute;left:20px;bottom:100px;right:20px;font-size:13px;text-shadow:0 1px 3px #000}
.cinema-hidden{opacity:0}.cinema-hidden button,.cinema-hidden input{pointer-events:none}
.cinema-locked .cinema-center,.cinema-locked .cinema-bottom,.cinema-locked .cinema-top>[data-action=close],.cinema-locked .cinema-tools button:not([data-action=lock]){visibility:hidden}.cinema-locked .cinema-tools{background:transparent!important;border:0!important}
#watch.mini .cinema-title,#watch.mini .cinema-top,#watch.mini .cinema-timeline,#watch.mini .cinema-center [data-action=back],#watch.mini .cinema-center [data-action=forward]{display:none!important}
@media(max-width:600px){.cinema-top{top:6px;left:6px;right:6px}.cinema-tools{gap:0}.cinema-controls .cinema-tools button{min-width:38px;min-height:38px;padding:7px!important}.cinema-tools svg{width:22px;height:22px}.cinema-title{font-size:14px;margin-bottom:4px}.cinema-bottom{left:10px;right:10px;bottom:6px}.cinema-center{gap:25px}.cinema-center button{min-width:48px;min-height:48px;padding:4px!important}.cinema-center svg{width:32px;height:32px}.cinema-center [data-action=play] svg{width:40px;height:40px}.cinema-center [data-action=back]:after,.cinema-center [data-action=forward]:after{top:17px;font-size:10px}.cinema-timeline{gap:6px;font-size:11px}.cinema-settings{top:52px;max-height:calc(100% - 56px)}.cinema-announcement{bottom:65px}}
@media(prefers-reduced-motion:reduce){.cinema-controls{transition:none}}

/* Fullscreen tap target remains available when chrome is hidden. */
#player.eyeroom-cinema mux-player{pointer-events:none}

#watch.cinema-edge:not(.mini){
 position:fixed!important;inset:0!important;
 width:100%!important;height:100dvh!important;
 min-height:0!important;max-width:none!important;max-height:none!important;
 margin:0!important;padding:0!important;border:0!important;
 border-radius:0!important;overflow:hidden!important;background:#000!important;
}
#watch.cinema-edge:not(.mini)>:not(#player){display:none!important}
#watch.cinema-edge:not(.mini) #player{
 position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;
 aspect-ratio:auto!important;margin:0!important;padding:0!important;
}
#watch.cinema-edge:not(.mini) mux-player{aspect-ratio:auto!important}

/* Remove the extra settings panel and its toolbar button. */
.cinema-controls .cinema-settings,
.cinema-controls [data-action="settings"] {
 display:none!important;
}