/* Playback explanation stays visible when controls hide, without covering settings. */
.video-frame>.playback-feedback{position:absolute;z-index:3;inset:0;display:grid;place-items:center;padding:20px 18px 78px;pointer-events:none;color:#f1eee7;background:#09090866}
.video-frame>.playback-feedback[hidden]{display:none!important}
.playback-feedback-card{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(420px,100%);text-align:center}
.playback-feedback-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:2px solid #ffffff30;border-radius:50%;color:#e9e3d7;font-size:22px;font-weight:500}
.playback-feedback-icon.is-spinning{border-top-color:#e9e3d7;animation:playback-feedback-spin .85s linear infinite}
.playback-feedback-copy b{display:block;font-size:18px;font-weight:600;line-height:1.4}
.playback-feedback-copy p{margin:8px 0 0;color:#d1cec8;font-size:14px;line-height:1.5;text-wrap:balance}
.playback-feedback-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;pointer-events:auto}
.playback-feedback-actions:empty{display:none}
.playback-feedback-actions button{min-height:40px;font-size:13px;padding:8px 13px;cursor:pointer}
.playback-feedback-actions button:focus-visible{outline:2px solid #e9e3d7;outline-offset:3px}
.video-frame>.playback-feedback[data-mode="corner"]{inset:16px auto auto 16px;display:block;width:auto;max-width:calc(100% - 32px);padding:9px 12px;border:1px solid #ffffff20;border-radius:10px;background:#181713de}
.playback-feedback[data-mode="corner"] .playback-feedback-card{flex-direction:row;gap:8px;width:auto;text-align:left}
.playback-feedback[data-mode="corner"] .playback-feedback-icon{display:none}
.playback-feedback[data-mode="corner"] .playback-feedback-copy b{font-size:12px;font-weight:500}
.playback-feedback-blocking .player-start.feedback-covered{visibility:hidden}
.playback-feedback-blocking~.player-caption #playback-status{visibility:hidden}
@keyframes playback-feedback-spin{to{transform:rotate(360deg)}}
@media(max-width:620px){.video-frame>.playback-feedback{padding:12px 12px 55px}.playback-feedback-card{gap:10px}.playback-feedback-copy b{font-size:15px}.playback-feedback-copy p{font-size:12px;margin-top:5px}.playback-feedback-icon{width:28px;height:28px;flex-basis:28px}.playback-feedback-actions button{min-height:34px;padding:6px 9px;font-size:12px}.video-frame>.playback-feedback[data-mode="corner"]{inset:10px auto auto 10px;max-width:calc(100% - 20px);padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.playback-feedback-icon.is-spinning{animation:none;border-style:dashed}}

/* Larger, reachable menus; scoped so the rest of the site keeps its scale. */
.video-frame .watch-settings-panel,.video-frame .watch-episodes-panel{width:min(360px,calc(100% - 24px));padding:16px 18px}
.video-frame .watch-settings-panel{max-height:calc(var(--player-height,500px) - 84px)}
.video-frame .watch-episodes-panel{height:470px;max-height:calc(var(--player-height,500px) - 100px)}
.video-frame .watch-settings-heading{font-size:16px;margin-bottom:14px}
.video-frame .watch-settings-heading>.watch-settings-close,.video-frame .watch-settings-heading>.watch-episodes-close{width:36px;height:36px}
.video-frame .watch-settings-panel .watch-quality,.video-frame .watch-settings-panel #audio-tracks label,.video-frame .watch-settings-panel .watch-subtitles-settings label{grid-template-columns:86px minmax(0,1fr);font-size:14px;gap:12px;margin-bottom:12px}
.video-frame .watch-settings-panel select,.video-frame .watch-season-label select{min-height:42px;font-size:14px;padding:8px 10px}
.video-frame .watch-episode-pick{min-height:56px;padding:10px 12px}
.video-frame .watch-episode-pick b{font-size:14px}
.video-frame .watch-episode-pick small{font-size:12px}
.video-frame .watch-speed-heading{font-size:14px}
.video-frame .watch-rate{height:36px}
.video-frame .watch-source-options label{font-size:13px}
@media(max-width:620px){.video-frame .watch-settings-panel,.video-frame .watch-episodes-panel{width:min(360px,calc(100% - 16px));right:8px;padding:12px 14px}.video-frame .watch-settings-panel select,.video-frame .watch-season-label select{min-height:40px;font-size:13px}.video-frame .watch-settings-panel .watch-quality,.video-frame .watch-settings-panel #audio-tracks label,.video-frame .watch-settings-panel .watch-subtitles-settings label{grid-template-columns:74px minmax(0,1fr);gap:8px}}

.video-frame>.playback-feedback-backdrop{position:absolute;inset:0;z-index:1;overflow:hidden;background:#151411;pointer-events:none}
.video-frame>.playback-feedback-backdrop[hidden]{display:none!important}
.playback-feedback-backdrop>img{display:block;width:100%;height:100%;object-fit:cover;filter:blur(16px) brightness(.45);transform:scale(1.12)}
.video-frame>video#video{background:#000}
.video-frame>.playback-feedback-backdrop:not([hidden])~video#video{background:transparent}

.playback-stage-toggle{position:absolute;z-index:5;left:18px;bottom:18px;min-height:42px;padding:8px 14px;background:#211f1bd9;color:#f1eee7;border:1px solid #ffffff26;cursor:pointer}

/* One visual center: filled play, pause bars and a matching white loading ring. */
.video-frame>.player-start{width:60px;height:60px;border:0;background:transparent;box-shadow:none;color:#fff;padding:0}
.video-frame>.player-start>svg{position:relative;width:38px;height:38px;filter:drop-shadow(0 2px 6px #0006)}
.video-frame>.player-start>svg path{fill:currentColor;stroke:none}
.video-frame>.player-start::before{content:"";position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(ellipse,#0004,transparent 72%);pointer-events:none}
.video-frame.playback-state-ready>.player-start{visibility:hidden!important;pointer-events:none!important}
.video-frame>.playback-feedback[data-mode="center"]{padding:0;background:transparent}
.playback-feedback[data-mode="center"] .playback-feedback-card{display:contents}
.playback-feedback[data-mode="center"] .playback-feedback-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#fff;opacity:1;pointer-events:auto;cursor:pointer}
.playback-feedback-icon>svg{position:relative;width:38px;height:38px;z-index:1;filter:drop-shadow(0 2px 6px #0006)}
.playback-feedback-icon[data-state="loading"]>svg{animation:playback-feedback-spin .85s linear infinite}
.playback-feedback-icon[data-state="loading"]{pointer-events:none!important;cursor:default}
.playback-feedback-icon[data-state="loading"]>svg{filter:none}
.playback-feedback-icon[data-state="play"]::before,.playback-feedback-icon[data-state="pause"]::before{content:"";position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(ellipse,#0004,transparent 72%);pointer-events:none}
.playback-feedback-icon:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:10px}
.playback-feedback[data-mode="center"] .playback-feedback-copy{position:absolute;left:50%;top:calc(50% + 42px);transform:translateX(-50%);width:min(420px,calc(100% - 32px));text-align:center;text-shadow:0 2px 7px #000d;animation:playback-copy-enter .18s ease-out}
.playback-feedback-copy[hidden]{display:none!important}
.playback-feedback[data-mode="center"] .playback-feedback-copy b{font-size:17px}
.playback-feedback[data-mode="center"] .playback-feedback-copy p{margin-top:6px}
.playback-feedback[data-mode="center"] .playback-feedback-actions{margin-top:14px}
.playback-feedback[data-mode="corner"] .playback-feedback-icon{display:none!important}
.playback-feedback[data-mode="corner"] .playback-feedback-actions{margin:0}
.subtitle-editing>.playback-feedback[data-kind="pause"],.subtitle-editing>.playback-feedback[data-kind="play"]{display:none!important}
@keyframes playback-copy-enter{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:620px){.playback-feedback-icon>svg{width:34px;height:34px}.playback-feedback[data-mode="center"] .playback-feedback-copy{top:calc(50% + 35px)}.playback-feedback[data-mode="center"] .playback-feedback-copy b{font-size:14px}.playback-feedback[data-mode="center"] .playback-feedback-copy p{font-size:12px;line-height:1.4}.playback-feedback[data-mode="center"] .playback-feedback-actions{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.playback-feedback-icon[data-state="loading"]>svg,.playback-feedback-copy{animation:none!important}}

.video-frame>.playback-feedback{background:transparent!important}
.video-frame>.playback-feedback[data-mode=corner]{display:none!important}
.video-frame>.player-start::before,.playback-feedback-icon::before{content:none!important}
.playback-feedback-backdrop>img{filter:blur(16px)}
.video-frame>.player-start{width:96px;height:96px}
.video-frame>.player-start>svg{width:72px;height:72px}
.playback-feedback[data-mode=center] .playback-feedback-icon{width:96px;height:96px}
.playback-feedback-icon>svg{width:72px;height:72px;filter:drop-shadow(0 1px 3px #0004)}
.playback-feedback[data-mode=center] .playback-feedback-copy{top:calc(50% + 58px)}
#content:fullscreen .playback-feedback-icon>svg,#content:fullscreen .video-frame>.player-start>svg{width:84px;height:84px}
#content:fullscreen .playback-feedback[data-mode=center] .playback-feedback-icon{width:112px;height:112px}
@media(max-width:620px){.playback-feedback-icon>svg,.video-frame>.player-start>svg{width:62px;height:62px}.playback-feedback[data-mode=center] .playback-feedback-copy{top:calc(50% + 48px)}}

/* Keep white progress legible over a bright held frame without dimming the video. */
.video-frame .playback-feedback-icon[data-state="loading"]>svg{filter:drop-shadow(0 1px 1px #000f) drop-shadow(0 0 1px #000c)}
.video-frame .playback-feedback-copy{color:#fff;text-shadow:0 1px 2px #000,0 0 2px #000,0 0 6px #000b}
.video-frame .playback-feedback-copy p{color:#fff}

/* Center the complete message above the loading ring. */
.video-frame .playback-feedback[data-mode=center]{--feedback-icon-half:48px;--feedback-copy-shift:0px}
.video-frame .playback-feedback[data-mode=center] .playback-feedback-icon{top:calc(50% + var(--feedback-copy-shift));transition:top .24s ease-out}
.video-frame .playback-feedback[data-mode=center] .playback-feedback-copy{top:auto;bottom:calc(50% - var(--feedback-copy-shift) + var(--feedback-icon-half) + 14px);animation:playback-copy-above .24s ease-out}
#content:fullscreen .video-frame .playback-feedback[data-mode=center]{--feedback-icon-half:56px}
@keyframes playback-copy-above{from{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.video-frame .playback-feedback[data-mode=center] .playback-feedback-icon{transition:none}.video-frame .playback-feedback[data-mode=center] .playback-feedback-copy{animation:none}}