#background-video>.beget-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.beget-player #video>.beget-video{width:100%;height:100%;object-fit:contain;background:#080909}.beget-controls{position:absolute;z-index:7;bottom:0;left:0;right:0;padding:64px 28px max(18px,env(safe-area-inset-bottom));color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.85));opacity:1;transition:opacity .2s}.beget-toolbar{display:flex;align-items:center;gap:10px;margin-top:8px}.beget-controls button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:#fff;transition:background .15s}.beget-controls button:hover{background:#ffffff20}.beget-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}.beget-controls svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.beget-time{font:400 13px/1 Onest,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:10px}.beget-full{margin-left:auto}.beget-controls input{accent-color:#fff;cursor:pointer}.beget-seek{display:block;appearance:none;width:100%;height:18px;margin:0;background:transparent}.beget-seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#fff var(--played,0%),#ffffff55 var(--played,0%))}.beget-seek::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:#fff;transition:transform .15s}.beget-seek:hover::-webkit-slider-thumb{transform:scale(1.2)}.beget-seek::-moz-range-track{height:3px;background:#ffffff55}.beget-seek::-moz-range-progress{height:3px;background:#fff}.beget-seek::-moz-range-thumb{width:12px;height:12px;border:0;background:#fff;border-radius:50%}.beget-volume{width:70px;height:24px;margin:0}.beget-player .close-video{border:0;border-radius:8px;background:#161616b3;width:44px;height:44px}.beget-player .close-video:hover{background:#333}.beget-player .close-video svg{width:24px;height:24px}.cinema-returning .beget-controls{opacity:0;pointer-events:none}@media(max-width:700px){.beget-controls{padding:48px 12px max(10px,env(safe-area-inset-bottom))}.beget-volume{display:none}.beget-time{font-size:12px;margin-left:0}.beget-toolbar{gap:4px}.beget-player .close-video{right:12px;top:12px}}

.beget-quality{font:500 11px Onest,sans-serif;padding:4px 6px;border:1px solid #ffffff55;border-radius:4px;margin-left:6px;white-space:nowrap}

.beget-quality{background:#161616;color:#fff;cursor:pointer;min-height:36px;max-width:100px;font:500 12px Onest,sans-serif;padding:7px 8px}.beget-quality option{background:#161616;color:#fff}.beget-quality:focus-visible{outline:2px solid #fff;outline-offset:2px}body[data-fit=contain] #background-video>.beget-video{object-fit:contain}

#background-video>.beget-preview-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}body[data-fit=contain] #background-video>.beget-preview-still{object-fit:contain}
/* Keep the outgoing typography visible before the cinema covers it. */
body.cinema-opening #player.beget-player #video{animation:beget-cinema-enter 900ms cubic-bezier(.22,1,.36,1) 320ms both;transition:none}
body.cinema-opening .beget-controls,body.cinema-opening .beget-player .close-video{animation:beget-tools-enter 250ms ease 850ms both}
@keyframes beget-cinema-enter{from{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}
@keyframes beget-tools-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body.cinema-opening #player.beget-player #video,body.cinema-opening .beget-controls,body.cinema-opening .beget-player .close-video{animation:none;opacity:1;transform:none}}

/* Centre the video layer itself, including browsers with different replaced-element sizing. */
#background-video>.beget-video{inset:auto;left:50%;top:50%;width:auto;min-width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 50%;transform:translate(-50%,-50%)}
#background-video>.beget-preview-still{object-position:50% 50%}
body[data-fit=contain] #background-video>.beget-video{inset:0;left:0;top:0;width:100%;min-width:0;height:100%;object-fit:contain;object-position:50% 50%;transform:none}