*{box-sizing:border-box}
:root{--accent:#e50914;--bg:#000;--fg:#fff;--brightness:1}
body{margin:0;background:#000;color:#fff;font-family:Inter,Arial,sans-serif}
.player{position:relative;width:100%;height:42vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}
video{width:100%;height:100%;object-fit:contain;filter:brightness(var(--brightness))}
.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;transition:opacity .3s}
.overlay.hidden{opacity:0;visibility:hidden}
.icon{background:#000a;border:1px solid #333;border-radius:999px;padding:6px;display:grid;place-items:center}
.icon svg{width:18px;height:18px;fill:#fff}
.player .title{text-align:center;font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.center-controls{position:absolute;left:0;right:0;top:46%;transform:translateY(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10vw}
#playPause{display:grid;place-items:center;background:transparent;padding:0}
#playPause .initial{width:60px;height:60px}
#playPause #playIcon,#playPause #pauseIcon{width:28px;height:28px}
.progress-wrap{position:absolute;left:10px;right:56px;bottom:28px}
.progress{height:3px;background:#555;border-radius:999px;position:relative}
.played{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent)}
.buffered{position:absolute;left:0;top:0;bottom:0;width:0;background:#777}
.handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--accent);border-radius:50%}
.duration{position:absolute;right:-42px;bottom:-10px;font-size:12px;color:#fff}
.spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin 0.8s linear infinite;z-index:5}
.spinner.hidden{display:none}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}
}
video.first-play-fade{animation:videoFade .35s ease-out both}
@keyframes videoFade{from{opacity:0}
to{opacity:1}
}
#rewind{justify-self:end}
#forward{justify-self:start}
#playPause{justify-self:center}
@media (min-width:601px){.center-controls{position:absolute;left:0;right:0;top:46%;transform:translateY(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10vw}
}
#playPause,.icon.big.skip{background:transparent !important;border:0 !important;box-shadow:none !important}
.center-controls{position:absolute;left:0;right:0;top:46%;transform:translateY(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10vw}
#rewind{justify-self:start}
#forward{justify-self:end}
#playPause{justify-self:center}
#playPause svg,.icon.big.skip svg{display:block;background:transparent}
@media (max-width:600px){.icon.big.skip .skip10{width:60px;height:60px}
}
.icon.big.skip .skip10{width:48px;height:48px}
#playPause #playIcon,#playPause #pauseIcon{width:36px;height:36px}
@media (min-width:601px){.center-controls{position:absolute;left:0;right:0;top:46%;transform:translateY(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10vw}
}
.icon.big.skip .skip10{width:40px;height:40px}
#playPause #playIcon,#playPause #pauseIcon{width:36px;height:36px}
@media (min-width:601px){.center-controls{position:absolute;left:0;right:0;top:46%;transform:translateY(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 10vw}
}
.icon.big.skip .skip10{width:32px;height:32px}
.icon.big.skip .skip10{transform-origin:center}
.skip-burst{animation:skipBurst 220ms ease-out}
@keyframes skipBurst{0%{transform:scale(0.85);opacity:0.2}
60%{transform:scale(1.08);opacity:1}
100%{transform:scale(1);opacity:1}
}
@media (min-width:601px){.center-controls{padding:0 16vw}
}
.player .title{justify-self:center;text-align:center}
.topbar{position:absolute;top:8px;left:0;right:0;height:32px;display:flex;align-items:center;justify-content:center;z-index:10}
.player .title{text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;opacity:.95}
.btn-cast{position:absolute;top:8px;left:8px;z-index:11}
.btn-exit{position:absolute;top:8px;right:8px;z-index:11}
.snackbar{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:rgba(0,0,0,.85);color:#fff;padding:8px 12px;border-radius:999px;font-size:12px;letter-spacing:.2px;box-shadow:0 2px 10px rgba(0,0,0,.35);transition:opacity .25s ease,transform .25s ease;z-index:20}
.snackbar.hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(6px)}
.snackbar.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (min-width:992px){#guestbook,section#guestbook{display:block !important}
#guestbook form{max-width:420px !important;margin:0 auto !important;display:block !important}
#guestbook form>*{display:block !important;width:100% !important}
#guestbook form label{display:block !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:.04em !important;font-size:0.78rem !important;color:#fff !important;margin-bottom:0.4rem !important}
#guestbook form input[type="text"],#guestbook form input[type="name"],#guestbook form select,#guestbook form textarea{width:100% !important;background:#0f0f0f !important;border:1px solid #1f1f1f !important;border-radius:14px !important;padding:12px 16px !important;color:#fff !important;font-size:0.9rem !important;outline:none !important;box-sizing:border-box !important;margin-bottom:1rem !important}
#guestbook form textarea{min-height:110px !important;resize:vertical !important}
#guestbook form button[type="submit"],#guestbook form .guestbook-submit{width:100% !important;background:#d92028 !important;border:none !important;border-radius:14px !important;padding:12px 16px !important;color:#fff !important;font-weight:600 !important;cursor:pointer !important;margin-top:.5rem !important}
}
.episodes .thumb,.episodes .thumb img{width:100% !important;height:auto !important;aspect-ratio:16/9 !important;object-fit:cover !important;border-radius:10px !important;background:transparent !important;box-shadow:none !important}
@media (min-width:992px){.ep{grid-template-columns:260px 1fr !important;align-items:start !important}
.ep .thumb{width:260px !important;aspect-ratio:16/9 !important}
.ep .thumb img{width:100% !important;height:auto !important}
.ep .ep-info{padding-left:14px !important}
}
.nf-preloader__infinity{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}
.nf-preloader__snake{position:absolute;inset:10px;border-radius:50%;background:conic-gradient( from 0deg,rgba(229,9,20,0) 0deg,rgba(229,9,20,0) 220deg,rgba(229,9,20,.4) 250deg,rgba(229,9,20,.9) 300deg,#e50914 330deg,rgba(229,9,20,0) 360deg );-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 0);animation:nf-snake-spin 1s linear infinite;filter:drop-shadow(0 0 6px rgba(229,9,20,.9))}
@keyframes nf-snake-spin{to{transform:rotate(360deg)}
}
.nf-preloader__infinity .nf-preloader__percent{position:relative;z-index:2;font-weight:600;color:#fff}
.nf-preloader__circle{display:none !important}
