/* StormFlix Web Player v4 — streaming-client presentation. */
.player-modal.sf-player-v4{background:#020306;color:#fff;--sf-player-accent:#ff365f;--sf-player-glass:rgba(8,10,15,.72);--sf-player-soft:rgba(255,255,255,.72)}
.player-modal.sf-player-v4 .player-bar{opacity:0!important;pointer-events:none!important;height:0!important;padding:0!important}
.player-modal.sf-player-v4 video{background:#000}
.player-modal.sf-player-v4 .sf-player-ui{z-index:30;background:linear-gradient(180deg,rgba(0,0,0,.56) 0%,transparent 24%,transparent 58%,rgba(0,0,0,.88) 88%,rgba(0,0,0,.96) 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.player-modal.sf-player-v4 .sf-player-ui:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 0,transparent 35%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.35) 100%)}
.sf-v4-topbar{position:absolute;z-index:5;left:0;right:0;top:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px 28px 42px;background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.36) 58%,transparent);transition:opacity .22s,transform .22s}
.sf-v4-round{width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center;background:rgba(10,12,18,.58);color:#fff;backdrop-filter:blur(16px);box-shadow:0 8px 24px rgba(0,0,0,.2);cursor:pointer;transition:.16s}
.sf-v4-round:hover,.sf-v4-round:focus-visible{background:rgba(255,255,255,.14);transform:scale(1.04);outline:2px solid rgba(255,255,255,.84);outline-offset:2px}
.sf-v4-round svg,.sf-control-btn svg,.sf-v4-center button svg{width:24px;height:24px;fill:currentColor;display:block}
.sf-v4-heading{min-width:0;display:flex;flex-direction:column;gap:2px;text-shadow:0 2px 14px rgba(0,0,0,.82)}
.sf-v4-heading strong{font-size:18px;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.1px}
.sf-v4-heading span{font-size:12px;color:rgba(255,255,255,.68);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf-v4-status{display:flex;align-items:center;gap:7px}
.sf-v4-chip{padding:7px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(4,7,11,.52);backdrop-filter:blur(14px);font-size:10px;font-weight:800;letter-spacing:.75px;text-transform:uppercase;color:rgba(255,255,255,.9);box-shadow:0 8px 28px rgba(0,0,0,.15)}
.sf-v4-chip-muted{color:rgba(255,255,255,.62)}
.sf-v4-center{z-index:4;gap:30px;transition:opacity .2s,transform .2s}
.sf-v4-center button{display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);background:rgba(4,6,10,.52);box-shadow:0 14px 45px rgba(0,0,0,.3);backdrop-filter:blur(12px);cursor:pointer;transition:.15s}
.sf-v4-center button:hover,.sf-v4-center button:focus-visible{background:rgba(255,255,255,.17);transform:scale(1.06);outline:2px solid rgba(255,255,255,.82);outline-offset:3px}
.sf-v4-center .sf-v4-center-skip{width:62px;height:62px;color:rgba(255,255,255,.9)}
.sf-v4-center .sf-v4-center-play{width:86px;height:86px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.18);color:#fff}
.sf-v4-center .sf-v4-center-play svg{width:34px;height:34px}
.sf-v4-controls{position:relative;z-index:5;padding:0 30px max(24px,env(safe-area-inset-bottom));gap:11px;background:linear-gradient(0deg,rgba(0,0,0,.66),transparent);transition:opacity .22s,transform .22s}
.sf-v4-now{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;min-height:34px;color:#fff}
.sf-v4-now>div{min-width:0;display:flex;align-items:baseline;gap:9px}
.sf-v4-now strong{font-size:15px;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(52vw,720px)}
.sf-v4-now-subtitle,.sf-v4-now span{font-size:11px;color:rgba(255,255,255,.58)}
#sf-v4-now-subtitle{font-size:11px;color:rgba(255,255,255,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sf-v4-playback-detail{font-size:10px;color:rgba(255,255,255,.48);text-transform:uppercase;letter-spacing:.65px;white-space:nowrap}
.sf-v4-progress-wrap{gap:11px;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.78);font-size:11px}
.sf-v4-progress-shell{position:relative;flex:1;height:24px;display:flex;align-items:center}
.sf-v4-progress{width:100%;height:5px;border-radius:999px;background:linear-gradient(to right,var(--sf-player-accent) 0,var(--sf-player-accent) var(--sf-played,0%),rgba(255,255,255,.42) var(--sf-played,0%),rgba(255,255,255,.42) var(--sf-buffered,0%),rgba(255,255,255,.18) var(--sf-buffered,0%),rgba(255,255,255,.18) 100%);transition:height .12s}
.sf-v4-progress:hover,.sf-v4-progress:focus-visible{height:7px}
.sf-v4-progress::-webkit-slider-thumb{width:14px;height:14px;background:#fff;box-shadow:0 0 0 4px rgba(255,54,95,.22);opacity:0;transition:.12s}
.sf-v4-progress:hover::-webkit-slider-thumb,.sf-v4-progress:focus-visible::-webkit-slider-thumb{opacity:1}
.sf-v4-progress::-moz-range-thumb{width:14px;height:14px;background:#fff;box-shadow:0 0 0 4px rgba(255,54,95,.22);opacity:0}
.sf-v4-progress:hover::-moz-range-thumb,.sf-v4-progress:focus-visible::-moz-range-thumb{opacity:1}
.sf-v4-scrub-preview{position:absolute;bottom:26px;transform:translateX(-50%);padding:6px 8px;border-radius:6px;background:rgba(4,6,10,.9);border:1px solid rgba(255,255,255,.14);font-size:10px;font-weight:700;color:#fff;opacity:0;pointer-events:none;transition:.1s;box-shadow:0 8px 28px rgba(0,0,0,.32)}
.sf-v4-scrub-preview.show{opacity:1}
.sf-v4-controls-row{gap:4px;min-height:46px}
.sf-v4-controls-row .sf-control-btn{width:44px;min-width:44px;height:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:rgba(255,255,255,.92);background:transparent;transition:.15s}
.sf-v4-controls-row .sf-control-btn:hover,.sf-v4-controls-row .sf-control-btn:focus-visible{background:rgba(255,255,255,.13);color:#fff;outline:2px solid rgba(255,255,255,.7);outline-offset:1px}
.sf-v4-controls-row .sf-v4-control-primary{background:rgba(255,255,255,.1)}
.sf-v4-volume-group{display:flex;align-items:center;gap:0}
.sf-v4-volume-group .sf-volume{width:0;opacity:0;pointer-events:none;transition:width .2s,opacity .18s;margin:0;accent-color:var(--sf-player-accent)}
.sf-v4-volume-group:hover .sf-volume,.sf-v4-volume-group:focus-within .sf-volume{width:94px;opacity:1;pointer-events:auto;margin-right:9px}
.sf-v4-episode-controls{display:flex;align-items:center;margin-left:4px;padding-left:6px;border-left:1px solid rgba(255,255,255,.12)}
.sf-v4-control-label{font-size:10px;font-weight:750;display:none}
.sf-v4-controls-row .sf-v4-quality{width:auto;min-width:64px;border-radius:999px;padding:0 9px 0 11px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04)}
.sf-v4-quality svg{width:18px;height:18px;color:rgba(255,255,255,.72)}
#sf-v4-quality-label{font-size:9px;font-weight:850;letter-spacing:.55px}
.player-modal.sf-player-v4 .sf-v4-settings{right:24px;bottom:88px;width:min(390px,calc(100vw - 36px));max-height:min(580px,72vh);padding:8px;background:rgba(10,12,18,.93);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 28px 90px rgba(0,0,0,.58);backdrop-filter:blur(24px) saturate(1.25)}
.player-modal.sf-player-v4 .sf-setting-section{padding:11px 7px 14px}
.player-modal.sf-player-v4 .sf-setting-section h3{font-size:10px;letter-spacing:1.1px;color:rgba(255,255,255,.48);margin-bottom:8px}
.player-modal.sf-player-v4 .sf-setting-option{min-height:42px;border-radius:10px;padding:9px 11px;color:rgba(255,255,255,.85)}
.player-modal.sf-player-v4 .sf-setting-option:hover{background:rgba(255,255,255,.08)}
.player-modal.sf-player-v4 .sf-setting-option.active{background:rgba(255,54,95,.13);color:#fff}
.player-modal.sf-player-v4 .sf-setting-option.active:after{color:#ff6380}
.player-modal.sf-player-v4 .sf-player-toast{top:18%;padding:9px 13px;border-radius:999px;background:rgba(7,9,13,.78);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);font-size:12px}
.player-modal.sf-player-v4 .player-help{z-index:45;bottom:118px;max-width:680px;background:rgba(34,9,16,.92);border:1px solid rgba(255,90,116,.26);box-shadow:0 20px 60px rgba(0,0,0,.42);backdrop-filter:blur(16px)}
.player-modal.sf-player-v4.sf-controls-hidden{cursor:none}
.player-modal.sf-player-v4.sf-controls-hidden .sf-v4-topbar{opacity:0;transform:translateY(-8px);pointer-events:none}
.player-modal.sf-player-v4.sf-controls-hidden .sf-v4-controls{opacity:0;transform:translateY(8px);pointer-events:none}
.player-modal.sf-player-v4.sf-controls-hidden .sf-v4-center{opacity:0;transform:scale(.96);pointer-events:none}
.player-modal.sf-player-v4.sf-controls-hidden .sf-player-ui{opacity:1}
.player-modal.sf-player-v4.sf-controls-hidden .sf-player-ui:before{opacity:.2}
.player-modal.sf-player-v4.sf-controls-hidden .sf-player-settings{opacity:0;pointer-events:none}
.player-modal.sf-player-v4.sf-v4-pip-active .sf-v4-center,.player-modal.sf-player-v4.sf-v4-pip-active .sf-v4-controls{opacity:0}

@media(max-width:900px){
  .sf-v4-topbar{padding:16px 16px 34px;gap:11px}.sf-v4-round{width:40px;height:40px}.sf-v4-heading strong{font-size:15px}.sf-v4-status{display:none}
  .sf-v4-controls{padding-left:15px;padding-right:15px}.sf-v4-now{display:none}.sf-v4-center{gap:20px}.sf-v4-center .sf-v4-center-skip{width:52px;height:52px}.sf-v4-center .sf-v4-center-play{width:72px;height:72px}
  .sf-v4-volume-group .sf-volume{display:none}.sf-v4-episode-controls{margin-left:0;padding-left:0;border:0}.sf-v4-control-label{display:none!important}.sf-v4-controls-row .sf-control-btn{width:40px;min-width:40px;height:40px}.sf-v4-controls-row .sf-v4-quality{min-width:58px;width:auto}
}
@media(max-width:620px){
  .sf-v4-heading span{display:none}.sf-v4-center .sf-v4-center-skip{display:none}.sf-v4-center .sf-v4-center-play{width:68px;height:68px}.sf-v4-progress-wrap{gap:7px}.sf-v4-progress-wrap>span{font-size:10px}.sf-v4-controls{padding-bottom:max(13px,env(safe-area-inset-bottom));gap:5px}
  .sf-v4-controls-row{justify-content:space-between;gap:0}.sf-v4-controls-row #sf-back,.sf-v4-controls-row #sf-forward,.sf-v4-controls-row #sf-v4-audio{display:none}.sf-v4-episode-controls{display:contents}.sf-v4-controls-row .sf-control-spacer{display:none}.sf-v4-controls-row .sf-control-btn{width:38px;min-width:38px;height:38px}.sf-v4-controls-row .sf-v4-quality{width:52px;min-width:52px;padding:0 7px}.sf-v4-quality svg{display:none}.player-modal.sf-player-v4 .sf-v4-settings{left:9px;right:9px;bottom:68px;width:auto;max-height:66vh}
}
@media(pointer:coarse){.sf-v4-progress::-webkit-slider-thumb{opacity:1;width:17px;height:17px}.sf-v4-progress::-moz-range-thumb{opacity:1;width:17px;height:17px}.sf-v4-controls-row .sf-control-btn{background:rgba(255,255,255,.035)}}