/* Approved Cinema Bold controls, Signal startup, Orbit Dots buffering. */
.svp:not(.svp-cinema) .svp-buffer-label { display:none; }
.svp.svp-cinema { --svp-cinema-red:#ef162b; font-family:Roboto,Arial,sans-serif; }
.svp.svp-cinema .svp-control-group>button,.svp.svp-cinema .svp-volume button { flex:0 0 44px; width:44px; height:44px; padding:4px; color:rgba(255,255,255,.94); }
.svp.svp-cinema .svp-control-group svg,.svp.svp-cinema .svp-volume svg,.svp.svp-cinema .svp-control-group [data-action="play"] svg { display:block; width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:2.35; stroke-linecap:round; stroke-linejoin:round; }
.svp.svp-cinema .svp-control-group [data-action="back10"] svg,.svp.svp-cinema .svp-control-group [data-action="forward10"] svg { width:34px; height:34px; }
.svp.svp-cinema .svp-control-group>button:disabled { opacity:.65; }
.svp.svp-cinema .svp-control-group>button:focus-visible,.svp.svp-cinema .svp-volume button:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.svp.svp-cinema .svp-controls { left:20px; right:20px; bottom:12px; padding-top:23px; z-index:62; }
.svp.svp-cinema .svp-timeline { margin:0 0 7px; height:20px; }
.svp.svp-cinema .svp-time time { top:0; font:600 12px/16px Roboto,Arial,sans-serif; }
.svp.svp-cinema .svp-timeline::before,.svp.svp-cinema .svp-buffer,.svp.svp-cinema .svp-progress { height:4px; }
.svp.svp-cinema .svp-timeline::before { background:rgba(255,255,255,.22); }
.svp.svp-cinema .svp-progress { background:var(--svp-cinema-red); }
.svp.svp-cinema .svp-progress::after { width:5px; height:11px; top:-3.5px; background:#fff; }
.svp.svp-cinema.is-preparing .svp-controls { opacity:1 !important; transform:none; pointer-events:auto !important; }
.svp.svp-cinema.is-preparing .svp-source-state { background:radial-gradient(ellipse at 85% 0,rgba(52,67,73,.35),transparent 70%),linear-gradient(100deg,#080a0d,#141b20); }
.svp.svp-cinema.is-preparing .svp-video { filter:none; }
.svp.svp-cinema .svp-source-state .svp-loading-progress,.svp.svp-cinema .svp-source-state .svp-loading-label { display:none !important; }
.svp.svp-cinema .svp-title,.svp.svp-cinema.is-paused .svp-title { top:auto; left:32px; right:85px; bottom:136px; max-width:calc(100% - 117px); z-index:61; text-align:left; transform:none; text-shadow:0 2px 10px #0006; }
.svp.svp-cinema.is-preparing .svp-title { opacity:1 !important; pointer-events:none !important; bottom:136px; }
.svp.svp-cinema .svp-title>small { display:flex !important; align-items:center; gap:9px; margin:0 0 10px; color:#f2f4f7; font:750 15px/1.2 Roboto,Arial,sans-serif; letter-spacing:-.2px; text-transform:none; opacity:1; }
.svp.svp-cinema .svp-title>small::before { content:""; width:3px; height:16px; border-radius:2px; background:var(--svp-cinema-red); }
.svp.svp-cinema .svp-title-logo { width:auto; max-width:min(290px,75vw); max-height:62px; margin:0 0 10px; object-fit:contain; object-position:left center; filter:drop-shadow(0 3px 8px #0004); }
.svp.svp-cinema .svp-title-fallback { font:800 clamp(22px,3vw,36px)/1.15 Roboto,Arial,sans-serif !important; color:#fff; letter-spacing:-.7px !important; text-transform:none; margin-bottom:10px; }
.svp.svp-cinema .svp-title-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:0; color:#fff; font:700 16px/1.3 Roboto,Arial,sans-serif; letter-spacing:-.2px; }
.svp.svp-cinema .svp-title-rating { font-size:12px; align-self:center; color:#d6dce3; }
.svp.svp-cinema .svp-title-badges { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.svp.svp-cinema .svp-title-badges>span { display:block; padding:4px 10px; border-radius:20px; color:#d7dbe0; background:rgba(255,255,255,.11); font:600 12px/1.2 Roboto,Arial,sans-serif; }
.svp.svp-cinema .svp-startup-copy { display:none; align-items:center; gap:10px; margin-top:20px; }
.svp.svp-cinema .svp-startup-copy>strong { font:600 13px/1.3 Roboto,Arial,sans-serif; color:#fff; letter-spacing:0; }
.svp.svp-cinema .svp-startup-note { display:none; margin-top:11px; color:#a9b7c6; font:400 12px/1.5 Roboto,Arial,sans-serif; }
.svp.svp-cinema.is-preparing .svp-startup-copy { display:flex; }
.svp.svp-cinema.is-preparing .svp-startup-note { display:block; }
.svp.svp-cinema .svp-signal { display:flex; align-items:center; gap:3px; height:22px; }
.svp.svp-cinema .svp-signal i { display:block; width:3px; height:16px; border-radius:2px; background:var(--svp-cinema-red); animation:svp-signal 1s ease-in-out infinite alternate; }
.svp.svp-cinema .svp-signal i:nth-child(2) { height:10px; animation-delay:-.3s; }
.svp.svp-cinema .svp-signal i:nth-child(3) { height:20px; animation-delay:-.6s; }
.svp.svp-cinema .svp-signal i:nth-child(4) { height:13px; animation-delay:-.15s; }
.svp.svp-cinema .svp-signal i:nth-child(5) { height:7px; animation-delay:-.45s; }
.svp.svp-cinema.is-preparing .svp-source-state .svp-spinner,.svp.svp-cinema.is-preparing .svp-buffer-label { display:none; }
.svp.svp-cinema:not(.is-preparing) .svp-source-state { background:rgba(0,0,0,.16); gap:16px; }
.svp.svp-cinema:not(.is-preparing) .svp-source-state .svp-spinner { display:block; position:relative; width:48px; height:48px; border:0; border-radius:0; filter:none; animation:svp-spin 1.8s linear infinite; }
.svp.svp-cinema .svp-spinner i { position:absolute; top:50%; left:50%; width:6px; height:6px; margin:-3px; background:#fff; border-radius:50%; transform:rotate(calc(var(--dot) * 45deg)) translateY(-20px); opacity:calc(.15 + var(--dot) * .12); }
.svp.svp-cinema .svp-buffer-label { font:500 11px/1.3 Roboto,Arial,sans-serif; color:#e4e9ed; }
.svp.svp-cinema .svp-center-play { z-index:63; }
.svp.svp-cinema.is-preparing .svp-center-play { display:none; }
.svp.svp-cinema.is-embed .svp-title,.svp.svp-cinema.is-embed .svp-controls { display:none !important; }
@keyframes svp-signal { from { transform:scaleY(.35); opacity:.5; } to { transform:scaleY(1); opacity:1; } }
@media(max-width:640px) {
 .watch-shell:has(.svp-cinema:not(.is-embed)) { min-height:435px; }
 .svp.svp-cinema .svp-controls { left:8px; right:8px; bottom:8px; }
 .svp.svp-cinema .svp-control-row { flex-wrap:nowrap; gap:0; min-height:44px; }
 .svp.svp-cinema .svp-control-group { gap:0; }
 .svp.svp-cinema .svp-control-group>button,.svp.svp-cinema .svp-volume button { flex-basis:44px; width:44px; height:44px; padding:4px; }
 .svp.svp-cinema .svp-control-group [data-action="previous"],.svp.svp-cinema .svp-control-group [data-action="next"],.svp.svp-cinema .svp-volume,.svp.svp-cinema .svp-control-right [data-action="pip"] { display:none; }
 .svp.svp-cinema .svp-title,.svp.svp-cinema.is-paused .svp-title { left:22px; right:22px; max-width:calc(100% - 44px); bottom:132px; }
 .svp.svp-cinema .svp-title-logo { max-width:min(260px,75vw); max-height:58px; }
 .svp.svp-cinema .svp-timeline { margin-inline:0; margin-bottom:7px; }
 .svp.svp-cinema .svp-time time { font-size:12px; }
}
@media(max-width:920px) and (orientation:landscape) and (max-height:520px) {
 .watch-shell:has(.svp-cinema:not(.is-embed)) { min-height:0; }
 .svp.svp-cinema.is-preparing .svp-title { bottom:100px; }
 .svp.svp-cinema .svp-title>small,.svp.svp-cinema .svp-startup-note,.svp.svp-cinema .svp-title-badges { display:none !important; }
 .svp.svp-cinema .svp-title-logo { max-height:35px; margin-bottom:4px; }
 .svp.svp-cinema .svp-title-meta { font-size:12px; }
 .svp.svp-cinema .svp-startup-copy { margin-top:7px; }
}
@media(prefers-reduced-motion:reduce) { .svp.svp-cinema .svp-signal i,.svp.svp-cinema .svp-source-state .svp-spinner { animation:none !important; } }
