/* PARALLAX player presentation layer. Playback behaviour remains in player.js. */
.svp{--svp-accent:#8c234d;--svp-silver:#d8d9df;--svp-panel:rgba(12,12,17,.94);font-family:var(--px-font-sans,Inter,system-ui,sans-serif);background:#030305}
.svp__shade--top{height:210px;background:linear-gradient(180deg,rgba(3,3,6,.82),rgba(3,3,6,.26) 62%,transparent)}
.svp__shade--bottom{height:240px;background:linear-gradient(0deg,rgba(3,3,6,.94),rgba(3,3,6,.5) 48%,transparent)}
.svp__top{padding:32px 42px 72px}.svp__brand img{width:126px;opacity:.88}.svp__title{font-weight:590;letter-spacing:-.035em}.svp__nav{top:28px;right:34px}
.svp__iconbtn,.svp__skip{color:rgba(232,233,238,.82)}.svp__iconbtn:hover,.svp__skip:hover{color:#fff}.svp__iconbtn:hover::before,.svp__skip:hover::before{background:rgba(140,35,77,.24)}
.svp__bottom{padding:0 34px 18px}.svp__line{height:3px;background:rgba(218,220,227,.19)}.svp__line-fill{background:linear-gradient(90deg,#74203f,#a93462);box-shadow:0 0 15px rgba(140,35,77,.52)}
.svp__line-thumb{background:#f1f1f4;box-shadow:0 0 0 4px rgba(140,35,77,.3),0 5px 14px #000}.svp__timeline:hover .svp__line{height:5px}
.svp__loader-mark{width:72px;height:72px;border:0;border-radius:22px;background:radial-gradient(circle at 50% 45%,rgba(140,35,77,.2),rgba(7,7,11,.92) 70%);box-shadow:0 22px 70px rgba(0,0,0,.52),inset 0 0 0 1px rgba(230,231,237,.1)}
.svp__loader-mark i{display:none}.svp__loader-symbol{width:43px!important;height:41px!important;overflow:visible;fill:none;stroke:#d6d7dd;stroke-width:10;stroke-linejoin:miter}
.svp__loader-symbol path{stroke-dasharray:390;stroke-dashoffset:390;animation:svp-parallax-draw 1.65s cubic-bezier(.65,0,.35,1) infinite}.svp__loader-symbol path+path{animation-delay:.16s;stroke:#aeb0ba}
.svp__spin-note{font-size:9px;letter-spacing:.22em;color:rgba(225,226,232,.58)}
@keyframes svp-parallax-draw{0%{stroke-dashoffset:390;opacity:.2;transform:translateX(8px)}42%,68%{stroke-dashoffset:0;opacity:1;transform:none}100%{stroke-dashoffset:-390;opacity:.15;transform:translateX(-5px)}}
.svp__menu{right:28px;bottom:118px;width:310px;background:linear-gradient(155deg,rgba(20,20,27,.97),rgba(8,8,12,.97));border-color:rgba(218,220,227,.1);border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.055)}
.svp__menu-title{color:rgba(225,226,232,.58);letter-spacing:.18em}.svp__item{border-radius:11px}.svp__item:hover{background:rgba(255,255,255,.065)}.svp__item--active{background:rgba(140,35,77,.17)}
.svp__item--active .svp__item-lead,.svp__item--active .svp__item-mark{color:#d75b8b}.svp__item--premium{background:linear-gradient(90deg,rgba(120,124,138,.1),rgba(46,47,55,.08));border:1px solid rgba(190,192,202,.08)}
/* Source/server selector — a compact PARALLAX signal surface. */
.svp__menu--sources{width:360px;max-height:min(74%,540px);overflow:visible;border:1px solid rgba(217,219,226,.13);border-radius:20px;background:linear-gradient(155deg,rgba(22,22,29,.985),rgba(7,7,11,.99) 68%);box-shadow:0 34px 110px rgba(0,0,0,.75),-10px 10px 0 -9px rgba(217,219,226,.12),inset 0 1px rgba(255,255,255,.06)}
.svp__menu--sources::before{content:'';position:absolute;inset:7px -7px -7px 7px;z-index:-1;border:1px solid rgba(140,35,77,.2);border-radius:20px;pointer-events:none}
.svp__menu--sources .svp__menu-head{min-height:62px;padding:15px 17px 9px;border-bottom:1px solid rgba(217,219,226,.07)}
.svp__menu--sources .svp__menu-title{position:relative;padding-left:34px;color:#e4e5e9;font-size:12px;font-weight:700;letter-spacing:.19em}
.svp__menu--sources .svp__menu-title::before,.svp__menu--sources .svp__menu-title::after{content:'';position:absolute;width:13px;height:17px;border:1.5px solid #c9cbd3;transform:skewY(-17deg)}
.svp__menu--sources .svp__menu-title::before{left:3px;top:0}.svp__menu--sources .svp__menu-title::after{left:9px;top:3px;border-color:#858996}
.svp__menu--sources .svp__menu-title::after{box-shadow:14px 6px 28px rgba(140,35,77,.25)}
.svp__menu--sources .svp__menu-body{padding:10px 9px 12px;scrollbar-color:rgba(217,219,226,.2) transparent}
.svp__menu--sources .svp__item{position:relative;min-height:58px;gap:11px;margin:2px 0;padding:9px 10px;border:1px solid transparent;border-radius:13px;transition:background .18s ease,border-color .18s ease,transform .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s ease}
.svp__menu--sources .svp__item:hover:not(:disabled){z-index:1;transform:translateX(-2px);border-color:rgba(217,219,226,.1);background:linear-gradient(90deg,rgba(140,35,77,.13),rgba(255,255,255,.035));box-shadow:8px 10px 28px rgba(0,0,0,.18)}
.svp__menu--sources .svp__item-label{color:#e7e7eb;font-size:13px;font-weight:620;letter-spacing:-.006em}
.svp__menu--sources .svp__item-sub{margin-top:3px;color:rgba(217,219,226,.48);font-size:10px;font-weight:570;letter-spacing:.035em;text-transform:uppercase}
.svp__menu--sources .svp__item-lead{position:relative;width:27px;height:27px;border:1px solid rgba(217,219,226,.09);border-radius:9px;background:rgba(255,255,255,.025);color:#92949e}
.svp__menu--sources .svp__item-lead svg{width:13px;height:13px}.svp__menu--sources .svp__item-lead--ok{color:#e9e9ed;border-color:rgba(140,35,77,.48);background:rgba(140,35,77,.25);box-shadow:0 0 18px rgba(140,35,77,.16)}
.svp__menu--sources .svp__item-lead--ok::after{content:'';position:absolute;right:-4px;top:-4px;width:6px;height:6px;border:2px solid #111118;border-radius:50%;background:#43c987}
.svp__menu--sources .svp__item-lead--bad{color:#e5747c;background:rgba(166,43,54,.11);border-color:rgba(229,116,124,.17)}
.svp__menu--sources .svp__item-lead--warn{color:#d8b768;background:rgba(177,139,50,.1);border-color:rgba(216,183,104,.16)}
.svp__menu--sources .svp__item-lead--checking{color:#d9dbe2;border-color:rgba(217,219,226,.18)}
.svp__menu--sources .svp__item--active{border-color:rgba(140,35,77,.42);background:linear-gradient(90deg,rgba(140,35,77,.27),rgba(140,35,77,.065) 80%);box-shadow:inset 3px 0 #a83a66,0 12px 30px rgba(0,0,0,.14)}
.svp__menu--sources .svp__item--active::after{content:'SELECTED';position:absolute;right:11px;top:9px;color:#c97899;font-size:7px;font-weight:800;letter-spacing:.16em}
.svp__menu--sources .svp__item--active .svp__item-main{padding-right:48px}
.svp__menu--sources .svp__item--premium{border-color:rgba(181,183,193,.1);background:linear-gradient(110deg,rgba(102,104,115,.11),rgba(25,25,32,.18));box-shadow:none}
.svp__menu--sources .svp__item--premium::after{display:none}.svp__menu--sources .svp__item-lead--lock{margin-left:0;color:#c3c5ce;border-color:rgba(195,197,206,.18);background:linear-gradient(145deg,rgba(195,197,206,.1),rgba(88,90,101,.07));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.svp__menu--sources .svp__premium-badge{padding:4px 7px;border-color:rgba(195,197,206,.15);border-radius:6px;color:#bfc1ca;background:rgba(195,197,206,.06);font-size:7px;letter-spacing:.13em}
.svp__menu--sources .svp__resolution-badge{display:inline-grid;place-items:center;flex:0 0 auto;min-width:28px;height:21px;padding:0 5px;border:1px solid rgba(224,118,160,.38);border-radius:6px;color:#f0a6c4;background:linear-gradient(145deg,rgba(168,58,102,.28),rgba(89,28,53,.2));box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 14px rgba(168,58,102,.12);font-size:9px;font-weight:900;line-height:1;letter-spacing:.06em}
.svp__menu--sources .svp__access-badge{flex-shrink:0;padding:4px 7px;border:1px solid rgba(195,197,206,.13);border-radius:6px;color:#aeb0b9;background:rgba(195,197,206,.045);font-size:7px;font-weight:750;line-height:1;letter-spacing:.11em;text-transform:uppercase}
.svp__menu--sources .svp__item--locked{border-color:rgba(181,183,193,.1);background:linear-gradient(110deg,rgba(102,104,115,.11),rgba(25,25,32,.18));opacity:1!important}
.svp__menu--sources .svp__item--premium:not(.svp__item--locked){border-color:rgba(176,91,126,.3);background:linear-gradient(110deg,rgba(140,35,77,.18),rgba(25,25,32,.18));box-shadow:inset 3px 0 rgba(190,74,120,.7)}
.svp__menu--sources .svp__item--premium:not(.svp__item--locked) .svp__premium-badge{border-color:rgba(202,98,140,.3);color:#dd8aac;background:rgba(140,35,77,.18)}
.svp__menu--sources .svp__item--premium.svp__item--active:not(.svp__item--locked)::after{display:block}
.svp-pair{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:22px;background:rgba(4,4,8,.78);backdrop-filter:blur(18px)}
.svp-pair__card{position:relative;width:min(430px,100%);padding:31px;border:1px solid rgba(218,220,228,.13);border-radius:22px;background:radial-gradient(circle at 80% 0,rgba(168,58,102,.17),transparent 40%),linear-gradient(145deg,#15151c,#0b0b10);box-shadow:0 35px 110px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.055);color:#f2f2f5}
.svp-pair__eyebrow{margin-bottom:10px;color:#c56d91;font-size:9px;font-weight:800;letter-spacing:.2em}.svp-pair h2{margin:0 0 10px;font-size:25px;letter-spacing:-.025em}.svp-pair p{margin:0 0 23px;color:rgba(226,227,233,.62);font-size:13px;line-height:1.6}.svp-pair label{display:block;margin-bottom:8px;color:rgba(235,235,239,.72);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.svp-pair input{box-sizing:border-box;width:100%;height:58px;padding:0 16px;border:1px solid rgba(218,220,228,.14);border-radius:12px;outline:0;background:rgba(255,255,255,.045);color:#fff;font:800 25px/1 inherit;letter-spacing:.32em;text-align:center;transition:border-color .18s,box-shadow .18s}.svp-pair input:focus{border-color:rgba(188,74,120,.7);box-shadow:0 0 0 4px rgba(168,58,102,.13)}
.svp-pair__submit{width:100%;height:47px;margin-top:14px;border:1px solid rgba(222,118,160,.26);border-radius:11px;background:linear-gradient(135deg,#a83a66,#702442);color:#fff;font:750 12px/1 inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 30px rgba(112,36,66,.3)}.svp-pair__submit:disabled{opacity:.55;cursor:wait}.svp-pair__error{min-height:18px;padding-top:7px;color:#ef8b94;font-size:11px}.svp-pair small{display:block;margin-top:17px;color:rgba(217,219,226,.38);font-size:10px;line-height:1.5}.svp-pair__close{position:absolute;right:15px;top:14px;width:32px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.035);color:#bbbcc5;font-size:20px;cursor:pointer}
.svp__menu--sources .svp__item--disabled:not(.svp__item--premium){opacity:.5}.svp__menu--sources .svp__item--note{justify-content:center;min-height:96px;color:rgba(217,219,226,.55)}

/* Scene preview — image-first cinematic frame with restrained depth. */
.svp__scene{bottom:calc(100% + 14px);filter:drop-shadow(0 22px 30px rgba(0,0,0,.46))}
.svp__scene-card{width:292px;max-width:46vw;padding:0;border:1px solid rgba(217,219,226,.14);border-radius:18px;background:#09090d;box-shadow:0 30px 90px rgba(0,0,0,.82),-8px 8px 0 -7px rgba(217,219,226,.16),inset 0 1px rgba(255,255,255,.055);overflow:hidden}
.svp__scene-card::before{content:'';position:absolute;inset:6px -6px -6px 6px;z-index:-1;border:1px solid rgba(140,35,77,.26);border-radius:18px}.svp__scene-card::after{bottom:-5px;width:9px;height:9px;border-color:rgba(217,219,226,.12);background:#0a0a0e}
.svp__scene-head{position:absolute;left:12px;top:11px;z-index:4;width:auto;height:25px;padding:0 9px;border:1px solid rgba(217,219,226,.13);border-radius:7px;background:rgba(5,5,8,.72);backdrop-filter:blur(9px);color:rgba(235,235,239,.75);font-size:7px;letter-spacing:.17em;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.svp__scene-head svg{width:11px;height:11px;color:#cc5b87}.svp__scene-thumb{aspect-ratio:16/9;border-radius:0;background:#08080b;box-shadow:none}.svp__scene-thumb::after{content:'';position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,rgba(4,4,7,.92));pointer-events:none}
.svp__scene-video{transform:none}.svp__scene-loading{z-index:3;border-color:rgba(217,219,226,.16);border-top-color:#a83a66}
.svp__scene-foot{position:absolute;left:0;right:0;bottom:0;z-index:3;height:42px;align-items:flex-end;padding:0 13px 10px;background:transparent}
.svp__scene-time{font-size:14px;font-weight:720;letter-spacing:.02em;color:#f0f0f3;text-shadow:0 2px 8px #000}.svp__scene-left{padding-bottom:1px;color:rgba(217,219,226,.5);font-size:8px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.svp__error{background:radial-gradient(circle at 50% 42%,rgba(140,35,77,.16),transparent 40%),rgba(2,2,5,.86)}.svp__error-card{border-radius:24px;border-color:rgba(224,225,231,.12);background:linear-gradient(145deg,rgba(25,25,33,.97),rgba(8,8,12,.98))}.svp__error-card::before{background:linear-gradient(90deg,transparent,#9f315d,transparent)}
.svp__error-icon{color:#d75b8b;border-color:rgba(164,53,96,.34);background:rgba(140,35,77,.14);box-shadow:0 0 0 9px rgba(140,35,77,.045)}
.svp__btn--primary{background:linear-gradient(135deg,#a12e5b,#74203f);box-shadow:0 9px 24px rgba(83,17,43,.3)}.svp__btn--primary:hover{background:linear-gradient(135deg,#b33a69,#85264a)}
.svp__drawer-panel{background:linear-gradient(160deg,rgba(17,17,23,.985),rgba(5,5,8,.985));border-color:rgba(220,222,230,.09)}.svp__season-chip--active{color:#fff;border-color:#98305a;background:rgba(140,35,77,.2)}
.svp__next{border-radius:19px;border-color:rgba(220,222,230,.1);background:rgba(10,10,15,.96)}.svp__next-label{color:#c64b7b}
.svp__iconbtn:focus-visible,.svp__skip:focus-visible,.svp__playbtn:focus-visible,.svp__btn:focus-visible,.svp__item:focus-visible,.svp__bigplay:focus-visible,.svp__season-chip:focus-visible,.svp__ep:focus-visible,.svp__next-close:focus-visible,.svp__timeline:focus-visible{outline-color:#b73a6b}
.parallax-player-watermark{filter:drop-shadow(0 5px 16px rgba(0,0,0,.5))}
@media(max-width:700px){.svp__top{padding:22px 18px 60px}.svp__brand img{width:96px}.svp__nav{top:16px;right:12px}.svp__bottom{padding:0 12px calc(10px + env(safe-area-inset-bottom,0px))}.svp__menu{left:8px;right:8px;border-radius:20px 20px 0 0}.svp__menu--sources{width:auto;max-height:min(78%,520px);overflow:hidden}.svp__menu--sources::before{display:none}.svp__menu--sources .svp__menu-head{min-height:56px;padding-top:11px}.svp__menu--sources .svp__item{min-height:54px}.svp__loader-mark{width:62px;height:62px}.svp__loader-symbol{width:37px!important;height:35px!important}.svp__scene-card{width:238px;max-width:68vw}.svp__scene-head{top:8px;left:9px}.svp__scene-foot{height:36px;padding:0 10px 7px}.svp__scene-time{font-size:12px}}
@media(prefers-reduced-motion:reduce){.svp__loader-symbol path{animation:none;stroke-dashoffset:0}.svp__loader-mark{animation:none}}
