
/* BankMovie F2M player UI v265 — modest center controls + popup overlap fix */
.bm-f2m-enhanced{--bm-f2m-track:rgba(255,255,255,.22);--bm-f2m-buffer:rgba(255,255,255,.38);--bm-f2m-popup:rgba(12,13,18,.96)}
.bm-f2m-icon{display:block;width:100%;height:100%;color:currentColor}
.bm-f2m-icon-fill,.bm-f2m-icon-fill path{stroke:none!important}
.bm-f2m-icon-stroke,.bm-f2m-icon-stroke path{fill:none!important}
.bm-f2m-source-icon path{vector-effect:non-scaling-stroke}
.bm-f2m-enhanced .progress-container{gap:10px;margin-bottom:11px}
.bm-f2m-progress-track{position:relative;flex:1;height:18px;display:flex;align-items:center;min-width:80px;direction:ltr}
.bm-f2m-progress-base,.bm-f2m-progress-buffer{position:absolute;left:0;right:0;height:4px;border-radius:999px;pointer-events:none}
.bm-f2m-progress-base{background:var(--bm-f2m-track)}
.bm-f2m-progress-buffer{right:auto;width:var(--buffer,0%);background:var(--bm-f2m-buffer);transition:width .18s linear}
.bm-f2m-progress-track .progress-bar{position:relative;z-index:2;display:block;width:100%;flex:none;height:18px;margin:0;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--progress,0%),transparent var(--progress,0%),transparent 100%)!important;border-radius:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.bm-f2m-progress-track .progress-bar::-webkit-slider-runnable-track{height:4px;background:transparent;border:0;border-radius:999px}
.bm-f2m-progress-track .progress-bar::-moz-range-track{height:4px;background:transparent;border:0;border-radius:999px}
.bm-f2m-progress-track .progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:0;margin-top:-4px;box-shadow:0 0 0 3px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.55)}
.bm-f2m-progress-track .progress-bar::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.55)}
.bm-f2m-progress-hover{position:absolute;bottom:22px;transform:translateX(-50%);z-index:8;display:none;min-width:48px;padding:5px 8px;border-radius:9px;background:rgba(7,8,12,.94);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px rgba(0,0,0,.38);font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;text-align:center;pointer-events:none;direction:ltr}
.bm-f2m-progress-track:hover .bm-f2m-progress-hover{display:block}

.bm-f2m-center-controls{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);z-index:28;display:flex;align-items:center;justify-content:center;gap:clamp(22px,4.7vw,56px);direction:ltr;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.bm-f2m-center-controls.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.bm-f2m-center-btn{width:54px;height:54px;padding:0;border:0;border-radius:50%;background:rgba(6,7,10,.28);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);filter:drop-shadow(0 8px 24px rgba(0,0,0,.62));transition:transform .14s ease,background .14s ease,color .14s ease}
.bm-f2m-center-btn:hover{transform:scale(1.07);background:rgba(5,6,8,.58);color:#fff}
.bm-f2m-center-btn:active{transform:scale(.94)}
.bm-f2m-center-btn svg{width:42px;height:42px;stroke:none!important;fill:currentColor;overflow:visible}
.bm-f2m-center-play{width:68px;height:68px;background:rgba(255,255,255,.94);color:#111820;box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.5)}
.bm-f2m-center-play svg{width:46px;height:46px}
.bm-f2m-center-seek svg{width:52px;height:52px}
.bm-f2m-enhanced.ui-locked .bm-f2m-center-controls,
.bm-f2m-enhanced.arc1-locked .bm-f2m-center-controls,
.bm-f2m-enhanced.locked .bm-f2m-center-controls{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* Watch Party activation/"ready" overlay must always sit above the new center controls. */
#playerWrapper #activateOverlay:not(.hidden){z-index:70!important}
#playerWrapper #activateOverlay:not(.hidden) ~ .bm-f2m-center-controls{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
#playerWrapper #activateOverlay:not(.hidden) .activate-card{position:relative;z-index:2}
#playerWrapper #activateOverlay:not(.hidden) .big-play{position:relative;z-index:3}

/* Bottom play/seek controls are legacy click targets only; never render them. */
.bm-f2m-enhanced :is(#playPauseBtn,#seekBack10Btn,#seekForward10Btn,#arc1PlayPause,#arc1SeekBack,#arc1SeekFwd,#partyPlayBtn,#partyBackBtn,#partyForwardBtn,#partyCenterPlay){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;min-width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important}

/* Play/seek are centralized over the video, so remove duplicate bottom controls. */
.bm-f2m-enhanced #playPauseBtn,.bm-f2m-enhanced #seekBack10Btn,.bm-f2m-enhanced #seekForward10Btn,
.bm-f2m-enhanced #arc1PlayPause,.bm-f2m-enhanced #arc1SeekBack,.bm-f2m-enhanced #arc1SeekFwd,
.bm-f2m-enhanced #partyPlayBtn,.bm-f2m-enhanced #partyBackBtn,.bm-f2m-enhanced #partyForwardBtn,
.bm-f2m-enhanced #partyCenterPlay{display:none!important}

.bm-f2m-enhanced :is(#fullscreenBtn,#arc1Fullscreen,#partyFullscreenBtn,#screenLockBtn,#arc1LockBtn,#partyLockBtn) .bm-f2m-icon{width:21px;height:21px}
.bm-f2m-enhanced :is(.unlock-pill,.unlock-player-btn) .bm-f2m-icon{width:23px;height:23px}
.bm-f2m-enhanced .player-empty .empty-icon .bm-f2m-icon{width:34px;height:34px}

.bm-f2m-quick-tools{display:flex;align-items:center;gap:7px;direction:rtl}
.bm-f2m-tool-wrap{position:relative;display:flex}
.bm-f2m-tool-btn{min-width:42px;height:42px;border:0;border-radius:999px;background:rgba(255,255,255,.13);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;font:900 10px/1 inherit;backdrop-filter:blur(12px);transition:.18s}
.bm-f2m-tool-btn:hover,.bm-f2m-tool-btn.active{background:var(--accent);color:#050505}
.bm-f2m-tool-btn svg{width:20px;height:20px;fill:none!important;stroke:currentColor!important}
.bm-f2m-tool-label{direction:ltr;font-size:10px;font-weight:900;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bm-f2m-popup{position:absolute;right:0;bottom:calc(100% + 12px);z-index:46;width:min(330px,calc(100vw - 30px));max-height:min(58vh,420px);overflow:auto;background:var(--bm-f2m-popup);border:1px solid rgba(255,255,255,.12);border-radius:19px;box-shadow:0 22px 60px rgba(0,0,0,.62);backdrop-filter:blur(22px) saturate(150%);padding:8px;display:none;color:#fff;direction:rtl}
.bm-f2m-popup.open{display:block;animation:bmF2mPop .15s ease both}
.bm-f2m-enhanced:has(.bm-f2m-popup.open) .bm-f2m-center-controls{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@keyframes bmF2mPop{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
.bm-f2m-popup-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px 10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:5px}
.bm-f2m-popup-head strong{font-size:12px;font-weight:950}
.bm-f2m-popup-head small{font-size:10px;color:rgba(255,255,255,.46)}
.bm-f2m-quality-item,.bm-f2m-episode-item,.bm-f2m-season-tab{border:0;color:#fff;font-family:inherit;cursor:pointer}
.bm-f2m-quality-item{width:100%;min-height:46px;border-radius:13px;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;text-align:right}
.bm-f2m-quality-item:hover,.bm-f2m-quality-item.active{background:rgba(var(--accent-rgb),.13)}
.bm-f2m-quality-copy{display:flex;align-items:center;gap:9px;min-width:0}
.bm-f2m-quality-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.12);flex:0 0 auto}
.bm-f2m-quality-item strong{font-size:12px;direction:ltr}
.bm-f2m-quality-item span{font-size:10px;color:rgba(255,255,255,.48)}
.bm-f2m-quality-item.active:after{content:"✓";color:var(--accent);font-weight:1000}
.bm-f2m-season-tabs{display:flex;gap:6px;overflow:auto;padding:4px 3px 9px;scrollbar-width:none}
.bm-f2m-season-tabs::-webkit-scrollbar{display:none}
.bm-f2m-season-tab{white-space:nowrap;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.07);font-size:10px;font-weight:900}
.bm-f2m-season-tab.active{background:var(--accent);color:#050505}
.bm-f2m-episode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.bm-f2m-episode-item{min-height:38px;border-radius:11px;background:rgba(255,255,255,.065);font-size:10px;font-weight:850;padding:7px 4px}
.bm-f2m-episode-item:hover,.bm-f2m-episode-item.active{background:rgba(var(--accent-rgb),.16);color:var(--accent)}
.bm-f2m-popup-empty{padding:20px 10px;text-align:center;color:rgba(255,255,255,.5);font-size:11px}

@media (max-width:700px){
  .bm-f2m-center-controls{gap:20px}
  .bm-f2m-center-btn{width:48px;height:48px;background:rgba(5,6,8,.28)}
  .bm-f2m-center-btn svg{width:42px;height:42px}
  .bm-f2m-center-play{width:62px;height:62px;background:rgba(255,255,255,.94);color:#111820}
  .bm-f2m-center-play svg{width:43px;height:43px}
  .bm-f2m-center-seek svg{width:48px;height:48px}
  .bm-f2m-tool-btn{min-width:38px;height:38px;padding:0 8px}
  .bm-f2m-tool-label{display:none}
  .bm-f2m-popup{position:fixed;left:10px;right:10px;bottom:max(72px,calc(env(safe-area-inset-bottom) + 58px));width:auto;max-height:48vh}
  .bm-f2m-episode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bm-f2m-enhanced .progress-time{font-size:10px;min-width:38px}
}
