/* FakePlayer — rules are scoped under .fp to beat theme button/link styles */
.fp{--fp-accent:#ffd400;position:relative;margin:0 0 12px;background:#000;border-radius:8px;overflow:hidden;color:#fff;font:500 13px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.fp [hidden]{display:none!important}
.fp .fp-stage{position:relative;width:100%;padding-top:56.25%}
.fp .fp-poster,.fp .fp-ad,.fp .fp-spinner{position:absolute;top:0;left:0;width:100%;height:100%}

/* poster */
.fp .fp-poster{display:flex;align-items:center;justify-content:center;background:#111 center/cover no-repeat;cursor:pointer}
.fp .fp-poster::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55))}
.fp .fp-play{position:relative;display:flex;align-items:center;justify-content:center;width:88px;height:88px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.6);box-shadow:0 0 0 3px rgba(255,255,255,.9),0 8px 30px rgba(0,0,0,.5);cursor:pointer;transition:transform .15s ease,background-color .15s ease}
.fp .fp-play svg{width:40px;height:40px;margin-left:6px;fill:#fff;transition:fill .15s ease}
.fp .fp-poster:hover .fp-play,.fp .fp-play:focus-visible{transform:scale(1.08);background:var(--fp-accent)}
.fp .fp-poster:hover .fp-play svg,.fp .fp-play:focus-visible svg{fill:#000}

/* ad */
.fp .fp-ad-video{display:block;width:100%;height:100%;object-fit:contain;background:#000;cursor:pointer}
.fp .fp-ad-top{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none}
.fp .fp-ad-badge{padding:4px 8px;border-radius:4px;background:rgba(0,0,0,.65)}
.fp .fp-ad-badge::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--fp-accent);vertical-align:middle}
.fp .fp-ad-cta{pointer-events:auto;padding:6px 12px;border-radius:4px;background:rgba(0,0,0,.65);color:#fff;text-decoration:none}
.fp .fp-ad-cta:hover{background:var(--fp-accent);color:#000}
.fp .fp-ad-skip{position:absolute;right:0;bottom:28px;min-width:120px;padding:10px 16px;border:1px solid rgba(255,255,255,.4);border-right:0;border-radius:0;background:rgba(0,0,0,.75);color:#fff;font:inherit;font-size:14px;cursor:pointer}
.fp .fp-ad-skip:disabled{cursor:default;opacity:.85}
.fp .fp-ad-skip:not(:disabled):hover{background:#fff;color:#000}
.fp .fp-ad-unmute{position:absolute;left:10px;bottom:28px;padding:8px 12px;border:0;border-radius:4px;background:var(--fp-accent);color:#000;font:inherit;cursor:pointer}
.fp .fp-ad-resume{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:-36px 0 0 -36px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.6);cursor:pointer}
.fp .fp-ad-resume svg{width:32px;height:32px;margin-left:4px;fill:#fff}
.fp .fp-ad-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.25);pointer-events:none}
.fp .fp-ad-bar>i{display:block;width:0;height:100%;background:var(--fp-accent);transition:width .25s linear}

/* After the ads: no FakePlayer styling at all. The real embed sits in a plain div.video_player
   and the theme's own CSS applies to it, exactly as before. */
.fp.fp-done{background:none;border-radius:0;overflow:visible;color:inherit;font:inherit}

/* "Ad in 3" countdown before a mid-roll */
.fp .fp-notice{position:absolute;top:12px;right:12px;z-index:3;padding:6px 12px;border-radius:4px;background:rgba(0,0,0,.75);color:#fff;font-size:14px;pointer-events:none}
.fp .fp-notice::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--fp-accent);vertical-align:middle}

/* spinner */
.fp .fp-spinner{display:flex;align-items:center;justify-content:center;pointer-events:none}
.fp .fp-spinner::after{content:"";width:44px;height:44px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:fp-spin .8s linear infinite}
@keyframes fp-spin{to{transform:rotate(360deg)}}

/* tools under the player: same look as the theme's original download + refresh row */
.fp .fp-tools{text-align:center;padding:10px 0}
.fp .fp-reload{display:inline-block;vertical-align:middle;margin-left:4px;padding:10px;border:0;border-radius:50%;background:red;color:#fff;font-size:24px;line-height:1;cursor:pointer}

@media (max-width:576px){
  .fp .fp-play{width:64px;height:64px}
  .fp .fp-play svg{width:30px;height:30px}
  .fp .fp-ad-skip{min-width:96px;padding:8px 12px;font-size:13px}
}