/* 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:64px;height:64px;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:43px;height:43px}
.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:58px;height:58px;background:rgba(255,255,255,.94);color:#111820}
  .bm-f2m-center-play svg{width:40px;height:40px}
  .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}
}

/* V267 — refined timeline + YouTube-style hover volume popover. */
.bm-f2m-enhanced .progress-container{
  gap:10px!important;
  margin-bottom:10px!important;
  align-items:center!important;
}
.bm-f2m-enhanced .bm-f2m-progress-track{
  height:16px!important;
  align-items:center!important;
}
.bm-f2m-enhanced .bm-f2m-progress-base,
.bm-f2m-enhanced .bm-f2m-progress-buffer{
  top:50%!important;
  height:3px!important;
  transform:translateY(-50%)!important;
  border-radius:999px!important;
}
.bm-f2m-enhanced .bm-f2m-progress-base{
  background:rgba(255,255,255,.20)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.bm-f2m-enhanced .bm-f2m-progress-buffer{
  background:rgba(255,255,255,.38)!important;
}
.bm-f2m-enhanced .bm-f2m-progress-track .progress-bar{
  height:16px!important;
  background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--progress,0%),transparent var(--progress,0%),transparent 100%) center/100% 3px no-repeat!important;
  border-radius:999px!important;
  outline:0!important;
  box-shadow:none!important;
}
.bm-f2m-enhanced .bm-f2m-progress-track .progress-bar::-webkit-slider-runnable-track{
  height:3px!important;
  background:transparent!important;
  border:0!important;
}
.bm-f2m-enhanced .bm-f2m-progress-track .progress-bar::-moz-range-track{
  height:3px!important;
  background:transparent!important;
  border:0!important;
}
.bm-f2m-enhanced .bm-f2m-progress-track .progress-bar::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  width:9px!important;
  height:9px!important;
  margin-top:-3px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:0!important;
  box-shadow:0 1px 5px rgba(0,0,0,.5)!important;
  transition:width .13s ease,height .13s ease,margin .13s ease,box-shadow .13s ease!important;
}
.bm-f2m-enhanced .bm-f2m-progress-track .progress-bar::-moz-range-thumb{
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:0!important;
  box-shadow:0 1px 5px rgba(0,0,0,.5)!important;
}
.bm-f2m-enhanced .bm-f2m-progress-track:hover .progress-bar{
  background-size:100% 5px!important;
}
.bm-f2m-enhanced .bm-f2m-progress-track:hover .bm-f2m-progress-base,
.bm-f2m-enhanced .bm-f2m-progress-track:hover .bm-f2m-progress-buffer{
  height:5px!important;
}
.bm-f2m-enhanced .bm-f2m-progress-track:hover .progress-bar::-webkit-slider-runnable-track{height:5px!important}
.bm-f2m-enhanced .bm-f2m-progress-track:hover .progress-bar::-moz-range-track{height:5px!important}
.bm-f2m-enhanced .bm-f2m-progress-track:hover .progress-bar::-webkit-slider-thumb,
.bm-f2m-enhanced .bm-f2m-progress-track .progress-bar:focus-visible::-webkit-slider-thumb{
  width:12px!important;height:12px!important;margin-top:-3.5px!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.18),0 2px 8px rgba(0,0,0,.55)!important;
}
.bm-f2m-enhanced .bm-f2m-progress-track:hover .progress-bar::-moz-range-thumb,
.bm-f2m-enhanced .bm-f2m-progress-track .progress-bar:focus-visible::-moz-range-thumb{
  width:12px!important;height:12px!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.18),0 2px 8px rgba(0,0,0,.55)!important;
}
.bm-f2m-enhanced .bm-f2m-progress-hover{
  bottom:24px!important;
  padding:5px 7px!important;
  border-radius:7px!important;
  background:rgba(7,8,12,.93)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.38)!important;
}

/* Volume: icon only by default. Hover/focus reveals a vertical slider above it. */
.bm-f2m-enhanced .volume-control{
  position:relative!important;
  width:var(--bm-control-size,42px)!important;
  min-width:var(--bm-control-size,42px)!important;
  flex:0 0 var(--bm-control-size,42px)!important;
  height:var(--bm-control-size,42px)!important;
  padding:0!important;
  gap:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
}
.bm-f2m-enhanced .volume-control .ctrl-btn{
  position:relative!important;
  z-index:3!important;
}
.bm-f2m-enhanced .volume-control::before{
  content:"";
  position:absolute;
  z-index:1;
  left:50%;
  bottom:calc(100% + 8px);
  width:34px;
  height:108px;
  transform:translate(-50%,7px) scale(.96);
  transform-origin:50% 100%;
  border-radius:18px;
  background:rgba(14,16,22,.92);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 34px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  backdrop-filter:blur(14px) saturate(140%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.bm-f2m-enhanced .volume-control .volume-slider{
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  bottom:62px!important;
  width:76px!important;
  min-width:76px!important;
  max-width:76px!important;
  flex:0 0 76px!important;
  height:4px!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,50%) rotate(-90deg) scale(.96)!important;
  transform-origin:center!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.30)!important;
  box-shadow:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease!important;
}
.bm-f2m-enhanced .volume-control .volume-slider::-webkit-slider-runnable-track{
  height:4px!important;border-radius:999px!important;background:rgba(255,255,255,.30)!important;border:0!important;
}
.bm-f2m-enhanced .volume-control .volume-slider::-moz-range-track{
  height:4px!important;border-radius:999px!important;background:rgba(255,255,255,.30)!important;border:0!important;
}
.bm-f2m-enhanced .volume-control .volume-slider::-webkit-slider-thumb{
  -webkit-appearance:none!important;width:12px!important;height:12px!important;margin-top:-4px!important;border-radius:50%!important;background:#fff!important;border:0!important;box-shadow:0 1px 5px rgba(0,0,0,.42)!important;
}
.bm-f2m-enhanced .volume-control .volume-slider::-moz-range-thumb{
  width:12px!important;height:12px!important;border-radius:50%!important;background:#fff!important;border:0!important;box-shadow:0 1px 5px rgba(0,0,0,.42)!important;
}
.bm-f2m-enhanced .volume-control:hover::before,
.bm-f2m-enhanced .volume-control:focus-within::before{
  opacity:1!important;visibility:visible!important;transform:translate(-50%,0) scale(1)!important;
}
.bm-f2m-enhanced .volume-control:hover .volume-slider,
.bm-f2m-enhanced .volume-control:focus-within .volume-slider{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transform:translate(-50%,50%) rotate(-90deg) scale(1)!important;
}

@media (max-width:700px){
  .bm-f2m-enhanced .bm-f2m-progress-track{height:15px!important}
  .bm-f2m-enhanced .bm-f2m-progress-track .progress-bar{height:15px!important}
  .bm-f2m-enhanced .volume-control::before{height:96px;width:32px}
  .bm-f2m-enhanced .volume-control .volume-slider{width:66px!important;min-width:66px!important;max-width:66px!important;bottom:56px!important}
}