/* StreamVerse Video Player */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#000;color:#fff;font-family:'Outfit',system-ui,sans-serif;overflow:hidden}
.sv-player-body{display:flex;flex-direction:column}
.sv-player-wrap{width:100vw;height:100vh;position:relative;background:#000;display:flex;align-items:center;justify-content:center}

.sv-player-topbar{position:absolute;top:0;left:0;right:0;padding:20px 30px;background:linear-gradient(180deg,rgba(0,0,0,0.8) 0%,transparent 100%);display:flex;align-items:center;gap:20px;z-index:30;transition:opacity .3s}
.sv-player-wrap.hide-ui .sv-player-topbar{opacity:0;pointer-events:none}
.sv-player-back{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:1.4rem;backdrop-filter:blur(10px)}
.sv-player-back:hover{background:rgba(229,9,20,0.7)}
.sv-player-title{font-size:1.2rem;font-weight:600;color:#fff;margin:0;text-shadow:0 2px 10px rgba(0,0,0,0.7)}

/* AD */
.sv-ad-container{position:absolute;inset:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50}
.sv-ad-content{width:100%;height:100%;position:relative}
.sv-ad-content video,.sv-ad-content iframe,.sv-ad-content img{width:100%;height:100%;object-fit:contain}
.sv-ad-info{position:absolute;bottom:30px;right:30px;display:flex;align-items:center;gap:14px;z-index:55}
.sv-ad-label{background:rgba(229,9,20,0.9);color:#fff;padding:6px 14px;border-radius:6px;font-size:0.8rem;font-weight:700;letter-spacing:1px}
.sv-ad-countdown{color:#fff;font-weight:600;background:rgba(0,0,0,0.6);padding:6px 14px;border-radius:6px}
.sv-ad-skip{background:rgba(255,255,255,0.95);color:#000;border:0;padding:10px 22px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}
.sv-ad-skip:disabled{opacity:0.6;cursor:not-allowed}
.sv-ad-skip:not(:disabled):hover{background:#e50914;color:#fff}
.sv-ad-click{position:absolute;top:30px;right:30px;background:rgba(0,0,0,0.7);color:#fff;padding:10px 18px;border-radius:6px;backdrop-filter:blur(8px);text-decoration:none;font-weight:500}

/* VIDEO */
.sv-video-container{width:100%;height:100%;position:relative}
#svVideo{width:100%;height:100%;object-fit:contain;background:#000}
.sv-video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.sv-loading{display:none}
.sv-loading.active{display:block}
.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,0.2);border-top-color:#e50914;border-radius:50%;animation:svSpin 0.8s linear infinite}
@keyframes svSpin{to{transform:rotate(360deg)}}
.sv-big-play{width:90px;height:90px;border-radius:50%;background:rgba(229,9,20,0.9);color:#fff;border:0;font-size:2.5rem;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);transition:all .25s}
.sv-big-play:hover{transform:scale(1.1);box-shadow:0 10px 40px rgba(229,9,20,0.5)}
.sv-big-play.hidden{display:none}

/* CONTROLS */
.sv-controls{position:absolute;bottom:0;left:0;right:0;padding:20px 30px 25px;background:linear-gradient(0deg,rgba(0,0,0,0.9) 0%,transparent 100%);z-index:20;transition:opacity .3s}
.sv-player-wrap.hide-ui .sv-controls{opacity:0;pointer-events:none}
.sv-progress{position:relative;height:5px;background:rgba(255,255,255,0.2);border-radius:3px;cursor:pointer;margin-bottom:14px}
.sv-progress:hover{height:8px}
.sv-progress-buffer{position:absolute;left:0;top:0;bottom:0;background:rgba(255,255,255,0.3);border-radius:3px;width:0}
.sv-progress-played{position:absolute;left:0;top:0;bottom:0;background:#e50914;border-radius:3px;width:0}
.sv-progress-handle{position:absolute;width:14px;height:14px;background:#e50914;border-radius:50%;top:50%;transform:translate(-50%,-50%);left:0;opacity:0;transition:opacity .2s}
.sv-progress:hover .sv-progress-handle{opacity:1}

.sv-controls-row{display:flex;align-items:center;gap:10px}
.sv-ctrl-btn{background:transparent;border:0;color:#fff;font-size:1.4rem;width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.sv-ctrl-btn:hover{background:rgba(255,255,255,0.1)}
.sv-volume{display:flex;align-items:center;gap:6px}
.sv-volume input[type=range]{width:0;transition:width .3s}
.sv-volume:hover input[type=range]{width:90px}
.sv-time{color:#ccc;font-size:0.9rem;margin:0 10px}
.sv-spacer{flex:1}
.sv-quality{background:rgba(255,255,255,0.1);color:#fff;border:0;padding:6px 12px;border-radius:6px;font-size:0.85rem;cursor:pointer}
.sv-quality option{background:#222}

.sv-next-episode{position:absolute;bottom:120px;right:30px;background:rgba(229,9,20,0.95);color:#fff;border:0;padding:14px 24px;border-radius:30px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 10px 40px rgba(229,9,20,0.4);transition:all .25s;text-decoration:none}
.sv-next-episode:hover{transform:translateY(-2px) scale(1.05);color:#fff}

/* EMBED */
.sv-embed-container{width:100%;height:100%}
.sv-embed-container iframe,.sv-embed-container video{width:100%;height:100%;border:0}

@media (max-width:768px){
  .sv-player-topbar{padding:14px 16px}
  .sv-controls{padding:14px 16px 18px}
  .sv-time{font-size:0.75rem;margin:0 4px}
  .sv-quality{font-size:0.75rem;padding:4px 8px}
  .sv-ctrl-btn{width:36px;height:36px;font-size:1.2rem}
  .sv-ad-info{bottom:20px;right:20px;flex-wrap:wrap}
  .sv-next-episode{bottom:100px;right:14px;padding:10px 16px;font-size:0.85rem}
}