/* MovieLinkBD V76.96 inline player — exact quality-scoped amber audio warnings */
.mlbd-inline-player{
  --mlbd-player-accent:#22c7d9;
  --mlbd-player-accent-2:#3b82f6;
  --mlbd-player-bg:#000;
  --mlbd-player-panel:#000;
  --mlbd-player-panel-2:#070707;
  --mlbd-player-line:#242424;
  --mlbd-player-muted:#a7aaae;
  position:relative;
  margin:18px 0;
  border:1px solid var(--mlbd-player-line);
  border-radius:6px;
  background:var(--mlbd-player-panel);
  box-shadow:0 10px 28px rgba(0,0,0,.22);
  overflow:hidden;
  color:#fff;
  transition:box-shadow .22s ease,border-color .22s ease,background .22s ease,transform .22s ease;
}
.mlbd-inline-player__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid var(--mlbd-player-line);background:#000}
.mlbd-inline-player__head-left{min-width:0}.mlbd-inline-player__eyebrow{display:block;color:#d0d2d4;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.mlbd-inline-player__heading{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:900;color:#f7f8fa}
.mlbd-inline-player__status{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #45484c;border-radius:6px;background:#0b0b0b;color:#e5e7e9;font-size:10px;font-weight:850}.mlbd-inline-player__status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mlbd-player-accent);box-shadow:0 0 9px rgba(34,199,217,.58)}
.mlbd-inline-player__stage{position:relative;background:#000;aspect-ratio:16/9;min-height:250px;isolation:isolate;overflow:hidden}.mlbd-inline-player__art{position:absolute;inset:0}.mlbd-inline-player__art .art-video-player{width:100%!important;height:100%!important;border-radius:0!important;overflow:hidden!important}
.mlbd-inline-player__selectors{position:absolute;z-index:82;top:10px;right:10px;display:flex;align-items:center;justify-content:flex-end;gap:6px;max-width:calc(100% - 20px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:1px}.mlbd-inline-player__selectors::-webkit-scrollbar{display:none}
.mlbd-inline-chip{appearance:none;border:1px solid rgba(174,183,193,.4);border-radius:6px;background:rgba(20,24,28,.92);backdrop-filter:blur(9px);color:#f8fafc;min-height:31px;padding:5px 9px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-size:11px;font-weight:850;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3);transition:background .16s ease,border-color .16s ease,transform .16s ease}.mlbd-inline-chip:hover{background:#30343a;border-color:#59616a;transform:translateY(-1px)}.mlbd-inline-chip[aria-expanded="true"]{background:rgba(21,74,86,.96);border-color:rgba(34,199,217,.72);box-shadow:0 5px 18px rgba(34,199,217,.15);transform:translateY(-1px)}.mlbd-inline-chip--static{cursor:default}.mlbd-inline-chip--static:hover{background:rgba(20,24,28,.92);border-color:rgba(174,183,193,.4);transform:none}.mlbd-inline-chip__badge{display:inline-flex;align-items:center;justify-content:center;min-width:27px;padding:2px 5px;border-radius:4px;background:#3a3d41;color:#f1f2f3;font-size:9px;font-weight:950}.mlbd-inline-chip__text{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mlbd-inline-chip svg{width:14px;height:14px;flex:none}
.mlbd-inline-flyout{position:absolute;z-index:90;top:47px;right:10px;width:min(310px,calc(100% - 20px));max-height:min(62vh,440px);overflow:auto;border:1px solid #45484c;border-radius:6px;background:rgba(5,5,5,.99);box-shadow:0 16px 40px rgba(0,0,0,.58);padding:7px;display:none}.mlbd-inline-flyout.is-open{display:block}.mlbd-inline-flyout__title{padding:5px 7px 8px;color:#aeb7c1;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.mlbd-inline-option{width:100%;border:0;border-radius:5px;background:transparent;color:#e7ebef;padding:9px 10px;display:flex;align-items:center;gap:9px;text-align:left;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.mlbd-inline-option:hover{background:#151515;color:#fff}.mlbd-inline-option.is-active{background:rgba(23,91,105,.72);color:#fff;box-shadow:inset 3px 0 0 var(--mlbd-player-accent)}.mlbd-inline-option small{margin-left:auto;color:#aeb7c1;font-size:10px}.mlbd-inline-option__badge{display:inline-flex;min-width:34px;justify-content:center;padding:3px 5px;border-radius:4px;background:#3a3d41;color:#f1f2f3;font-size:9px;font-weight:950}
.mlbd-inline-player__gate{position:absolute;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;background:#000}.mlbd-inline-player__gate[hidden]{display:none}.mlbd-inline-player__gate-lock{font-size:clamp(22px,4vw,38px);font-weight:950;letter-spacing:-.02em}.mlbd-inline-player__gate-sub{margin-top:8px;color:#e7ebef;font-size:clamp(13px,2vw,18px);font-weight:750}.mlbd-inline-player__unlock{margin-top:20px;width:min(570px,94%);border:1px solid rgba(65,157,184,.72);border-radius:6px;background:linear-gradient(135deg,#1d4ed8,#0e7490);color:#fff;padding:16px 18px;font-size:clamp(14px,2vw,19px);font-weight:950;letter-spacing:.045em;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.32);transition:filter .16s ease,transform .16s ease}.mlbd-inline-player__unlock:hover{filter:brightness(1.08);transform:translateY(-1px)}.mlbd-inline-player__gate-note{margin-top:13px;color:#c6d1db;font-size:11px;font-weight:700}
.mlbd-inline-player__loading{position:absolute;z-index:70;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none;background:transparent}.mlbd-inline-player__loading.is-visible{display:flex}.mlbd-inline-spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--mlbd-player-accent);border-radius:50%;animation:mlbd-inline-spin .75s linear infinite}@keyframes mlbd-inline-spin{to{transform:rotate(360deg)}}
.mlbd-inline-player__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#000;border-top:1px solid var(--mlbd-player-line)}.mlbd-inline-player__current{min-width:0;flex:1;color:#b7c0ca;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mlbd-inline-player__current strong{color:#f1f4f6}.mlbd-inline-player__footer-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.mlbd-inline-player__view-tools,.mlbd-inline-player__actions{display:flex;align-items:center;gap:6px}.mlbd-inline-player__actions[hidden]{display:none!important}.mlbd-inline-small-btn{border:1px solid #45484c;background:#0b0b0b;color:#f5f7f9;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:850;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.mlbd-inline-small-btn:hover{border-color:#5b5f64;background:#171717;color:#fff;transform:translateY(-1px)}.mlbd-inline-small-btn[aria-pressed="true"]{border-color:rgba(34,199,217,.65);background:rgba(20,80,93,.72);color:#e8fcff;transform:translateY(-1px)}.mlbd-inline-small-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.mlbd-inline-player__notice{display:none!important}
.mlbd-inline-player .art-control-setting,.mlbd-inline-player .art-control-fullscreen,.mlbd-inline-player .art-control-pip{display:flex!important}.mlbd-inline-player .art-settings,.mlbd-inline-player .art-setting{background:rgba(5,5,5,.99)!important;border:1px solid #45484c!important;border-radius:6px!important}.mlbd-inline-player .art-setting-item{min-height:40px!important}.mlbd-inline-player .art-progress-played{background:linear-gradient(90deg,var(--mlbd-player-accent-2),var(--mlbd-player-accent))!important}.mlbd-inline-player .art-subtitle,.mlbd-inline-player .art-subtitle *{font-family:Arial,sans-serif!important;font-size:clamp(12px,min(1.45vw,2.2vh),18px)!important;line-height:1.25!important;text-shadow:0 2px 4px #000,0 0 2px #000!important}.mlbd-inline-player .art-subtitle{bottom:clamp(48px,10vh,90px)!important;max-width:min(88vw,920px)!important}
.mlbd-inline-player .art-video-player>.mlbd-inline-player__selectors,.mlbd-inline-player .art-video-player>.mlbd-inline-flyout{position:absolute!important}.mlbd-inline-player .art-video-player>.mlbd-inline-player__selectors{z-index:82!important;display:flex!important;transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important}.art-fullscreen .mlbd-inline-player__selectors,.art-fullscreen-web .mlbd-inline-player__selectors{top:14px!important;right:14px!important;left:14px!important;max-width:none!important}.mlbd-inline-player .art-contextmenus,.mlbd-inline-player .art-contextmenu{display:none!important}
.mlbd-play-episode-btn{border:1px solid #686d74;border-radius:6px;background:transparent;color:#f5f7f9;padding:9px 14px;font-weight:850;cursor:pointer;box-shadow:none}.mlbd-play-episode-btn:hover,.mlbd-play-episode-btn:focus-visible{background:rgba(255,255,255,.055);border-color:#9298a1;color:#fff;outline:none}.mlbd-episode-download-btn{display:flex!important;align-items:center;justify-content:center;min-height:54px;background:#4c4f5b!important;border:1px solid #686c77!important;color:#eef1f5!important;border-radius:6px!important;box-shadow:none!important}.mlbd-episode-download-btn:hover,.mlbd-episode-download-btn:focus-visible{background:#5a5e6b!important;border-color:#7c8290!important;color:#fff!important;outline:none}

/* Night mode covers the page with solid black while keeping the player interactive. */
body.mlbd-player-night-mode{background:#000!important}body.mlbd-player-night-mode:before{content:"";position:fixed;z-index:2147483000;inset:0;background:#000;pointer-events:none;opacity:1;transition:opacity .18s ease}.mlbd-inline-player.is-night-focus{z-index:2147483001;border-color:#4a4d51;box-shadow:0 18px 54px rgba(0,0,0,.7)}
/* Keep Player on Top preserves the full card and its exit control while the page scrolls. */
.mlbd-inline-player.is-player-sticky{position:sticky;top:8px;z-index:2147483002;width:100%;max-width:100%;min-width:0;max-height:none;overflow:visible;border-color:#484b4f;box-shadow:0 18px 54px rgba(0,0,0,.58)}.mlbd-inline-player.is-player-sticky .mlbd-inline-player__stage{min-height:0;height:min(calc(100vh - 154px),56.25vw,620px);aspect-ratio:auto}.mlbd-inline-player.is-player-sticky,.mlbd-inline-player.is-player-sticky *{max-width:100%;box-sizing:border-box}.mlbd-inline-player.is-player-sticky .mlbd-inline-player__footer{overflow:hidden}

@media(max-width:760px){
  .mlbd-inline-player{margin:14px -2px;border-radius:6px}
  .mlbd-inline-player__head{padding:11px 12px}
  .mlbd-inline-player__status{display:inline-flex}
  .mlbd-inline-player__stage{min-height:210px}
  .mlbd-inline-player__selectors{top:8px;left:8px;right:8px;max-width:none;justify-content:flex-start;gap:6px}
  .mlbd-inline-chip{min-height:31px;padding:5px 9px;gap:6px;font-size:11px}
  .mlbd-inline-chip__badge{display:inline-flex;min-width:27px;padding:2px 5px;font-size:9px}
  .mlbd-inline-chip__text{display:inline-block;max-width:145px;font-size:11px;line-height:1.1}
  .mlbd-inline-flyout{top:49px;right:8px;left:8px;width:auto}
  .mlbd-inline-player__gate{padding:14px}.mlbd-inline-player__unlock{padding:14px 10px;letter-spacing:.02em}
  .mlbd-inline-player__footer{align-items:stretch;flex-direction:column}
  .mlbd-inline-player__footer-tools{justify-content:flex-start;width:100%}
  .mlbd-inline-player__view-tools{flex:1;min-width:0}.mlbd-inline-player__view-tools .mlbd-inline-small-btn{flex:1}
  .mlbd-inline-player__actions{width:100%}.mlbd-inline-player__actions .mlbd-inline-small-btn{flex:1}
  .mlbd-inline-player .art-control-pip{display:none!important}
  .mlbd-inline-player.is-player-sticky{top:4px;max-height:none;overflow:visible}.mlbd-inline-player.is-player-sticky .mlbd-inline-player__stage{height:auto;aspect-ratio:16/9;min-height:190px}
}
@media(max-width:430px){
  .mlbd-inline-player__stage{min-height:190px}
  .mlbd-inline-player__gate-note{display:none}
  .mlbd-inline-player__selectors{top:6px;left:6px;right:6px}
  .mlbd-inline-chip{min-height:30px;padding:5px 8px}
  .mlbd-inline-chip__badge{display:inline-flex}
  .mlbd-inline-chip__text{max-width:132px;font-size:10px}
  .mlbd-inline-flyout{top:46px;left:6px;right:6px}
}

/* Prevent card-level horizontal scrolling on wide screens. */
.mlbd-inline-player,.mlbd-inline-player__head,.mlbd-inline-player__stage,.mlbd-inline-player__footer{max-width:100%;min-width:0}
.mlbd-inline-player__footer-tools,.mlbd-inline-player__view-tools,.mlbd-inline-player__actions{min-width:0}
@media(min-width:761px){.mlbd-inline-player__footer-tools{flex:0 1 auto}.mlbd-inline-player__view-tools{flex-wrap:wrap;justify-content:flex-end}.mlbd-inline-player.is-player-sticky .mlbd-inline-player__stage{width:100%}}


/* Keep ArtPlayer controls and the MovieLinkBD selector bar visible while a custom menu is open.
   The .art-bottom shell MUST remain click-through because it covers the full video. */
.mlbd-inline-player .art-video-player.mlbd-player-menu-open .art-bottom,
.mlbd-inline-player .art-video-player.mlbd-player-chrome-hold .art-bottom{
  opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:none!important;
}
.mlbd-inline-player .art-video-player.mlbd-player-menu-open>.mlbd-inline-player__selectors,
.mlbd-inline-player .art-video-player.mlbd-player-chrome-hold>.mlbd-inline-player__selectors{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
}
.mlbd-inline-player .art-video-player.mlbd-player-menu-open>.mlbd-inline-flyout{
  display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
.mlbd-inline-player .art-video-player.mlbd-player-menu-open{cursor:default!important}
.mlbd-inline-player .art-settings .art-setting-item:hover,.mlbd-inline-player .art-settings .art-setting-item.art-current,.mlbd-inline-player .art-setting .art-setting-item:hover,.mlbd-inline-player .art-setting .art-setting-item.art-current{background:#171717!important}

.mlbd-inline-player .art-bottom{background:transparent!important;text-shadow:0 1px 4px #000!important}
.mlbd-inline-player .art-control:hover,.mlbd-inline-player .art-control:focus-visible{color:#67e8f9!important}
.mlbd-inline-player .art-volume-loaded{background:var(--mlbd-player-accent)!important}


/* V76.49: pure-black card and untouched video pixels. */
.mlbd-inline-player,
.mlbd-inline-player__head,
.mlbd-inline-player__footer{background:#000!important}
.mlbd-inline-player{border-color:#242424!important;box-shadow:0 12px 34px rgba(0,0,0,.5)!important}
.mlbd-inline-player__stage,
.mlbd-inline-player__art,
.mlbd-inline-player .art-video-player{background:#000!important}
.mlbd-inline-player video,
.mlbd-inline-player .art-video{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;background:#000!important}
.mlbd-inline-player .art-mask,
.mlbd-inline-player .art-video-player:before,
.mlbd-inline-player .art-video-player:after,
.mlbd-inline-player__stage:before,
.mlbd-inline-player__stage:after{background:transparent!important;background-image:none!important;filter:none!important;box-shadow:none!important}
.mlbd-inline-player__loading.is-visible{background:transparent!important}
body.mlbd-player-night-mode .mlbd-inline-player.is-night-focus{background:#000!important;border-color:#282828!important;box-shadow:0 22px 70px #000!important}
body.mlbd-player-night-mode .mlbd-inline-player.is-night-focus:before,
body.mlbd-player-night-mode .mlbd-inline-player.is-night-focus:after{display:none!important}


/* V76.49: mobile-touch stability. Custom top controls must not feed ArtPlayer's
   tap/gesture pipeline, and horizontal selector scrolling must stay compositor-only. */
.mlbd-inline-player__selectors{touch-action:pan-x pan-y pinch-zoom;contain:layout paint;will-change:opacity,transform}
.mlbd-inline-chip,.mlbd-inline-option{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mlbd-inline-flyout{overscroll-behavior:contain;touch-action:pan-y}
.mlbd-inline-player .art-video-player.mlbd-player-menu-open{touch-action:pan-y pinch-zoom}

/* V76.60 episode download list: neutral buttons and deterministic quality order. */
#mlbdEpisodeDownloadGrid .btn-user{display:flex!important;align-items:center;justify-content:center;min-height:54px;background:#4c4f5b!important;border:1px solid #686c77!important;color:#eef1f5!important;border-radius:6px!important;box-shadow:none!important;text-decoration:none!important}
#mlbdEpisodeDownloadGrid .btn-user:hover,#mlbdEpisodeDownloadGrid .btn-user:focus-visible{background:#5a5e6b!important;border-color:#7c8290!important;color:#fff!important;outline:none}
#mlbdEpisodeDownloadGrid .mlbd-play-episode-btn{background:transparent!important}

/* V76.61: match the player chrome to the original MovieLinkBD detail cards. */
.mlbd-inline-player{
  margin:10px 0!important;
  border:1px solid #454545!important;
  border-radius:6px!important;
  background:#303030!important;
  box-shadow:0 3px 12px rgba(0,0,0,.2)!important;
  overflow:hidden!important;
}
.mlbd-inline-player__head,
.mlbd-inline-player__footer{
  background:#303030!important;
  border-color:#4a4a4a!important;
}
.mlbd-inline-player__head{padding:9px 11px!important}
.mlbd-inline-player__eyebrow{color:#67e8f9!important;font-size:10px!important;letter-spacing:.1em!important}
.mlbd-inline-player__heading{color:var(--w-1,#e6eaf2)!important;font-size:16px!important}
.mlbd-inline-player__status{
  padding:4px 8px!important;
  border-color:#565656!important;
  background:#272727!important;
  color:#e6eaf2!important;
}
.mlbd-inline-player__stage,
.mlbd-inline-player__art,
.mlbd-inline-player .art-video-player{background:#000!important}
.mlbd-inline-player__footer{padding:8px 10px!important}
.mlbd-inline-player__current{color:#b8b8b8!important}
.mlbd-inline-small-btn,
.mlbd-inline-chip{
  border-color:#555!important;
  background:#3a3a3a!important;
  color:#e6eaf2!important;
  box-shadow:none!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease!important;
}
.mlbd-inline-small-btn:hover,
.mlbd-inline-small-btn:focus-visible,
.mlbd-inline-chip:hover,
.mlbd-inline-chip:focus-visible{
  border-color:#00b4cc!important;
  background:#444!important;
  color:#00eaff!important;
  transform:none!important;
  outline:none!important;
}
.mlbd-inline-small-btn[aria-pressed="true"],
.mlbd-inline-chip.is-active{
  border-color:#00b4cc!important;
  background:#164e58!important;
  color:#eaffff!important;
}
.mlbd-inline-flyout,
.mlbd-inline-player .art-settings,
.mlbd-inline-player .art-setting{
  border-color:#555!important;
  background:#303030!important;
  box-shadow:0 8px 22px rgba(0,0,0,.32)!important;
}
.mlbd-inline-option{border-radius:5px!important;color:#e6eaf2!important}
.mlbd-inline-option:hover{background:#414141!important}
.mlbd-inline-option.is-active{background:#164e58!important;box-shadow:inset 3px 0 0 #00eaff!important}
.mlbd-inline-player__gate{background:#000!important}
.mlbd-inline-player__unlock{
  border:1px solid #00b4cc!important;
  border-radius:6px!important;
  background:#075c69!important;
  color:#fff!important;
  box-shadow:none!important;
}
.mlbd-inline-player__unlock:hover{background:#087487!important;filter:none!important;transform:none!important;box-shadow:none!important}
.mlbd-inline-player .art-progress-played{background:linear-gradient(90deg,#00b4cc,#00eaff)!important}
.mlbd-inline-player .art-control:hover,.mlbd-inline-player .art-control:focus-visible{color:#00eaff!important}
@media(max-width:760px){
  .mlbd-inline-player{margin:9px 0!important}
  .mlbd-inline-player__head{padding:8px 9px!important}
  .mlbd-inline-player__footer{padding:7px 8px!important}
}

/* V76.61: preserve the familiar cyan episode download buttons after player CSS loads. */
#mlbdEpisodeDownloadGrid .btn-user,
#mlbdEpisodeDownloadGrid .mlbd-episode-download-btn{
  background:#44464f!important;
  border:1px solid #5b5d66!important;
  color:#00eaff!important;
  box-shadow:none!important;
}
#mlbdEpisodeDownloadGrid .btn-user .btn-text,
#mlbdEpisodeDownloadGrid .btn-user .btn-text i,
#mlbdEpisodeDownloadGrid .mlbd-episode-download-btn,
#mlbdEpisodeDownloadGrid .mlbd-episode-download-btn i{color:inherit!important}
#mlbdEpisodeDownloadGrid .btn-user:hover,
#mlbdEpisodeDownloadGrid .btn-user:focus-visible,
#mlbdEpisodeDownloadGrid .mlbd-episode-download-btn:hover,
#mlbdEpisodeDownloadGrid .mlbd-episode-download-btn:focus-visible{
  background:#50535e!important;
  border-color:#00b4cc!important;
  color:#fff!important;
  outline:none!important;
}


/* V76.64: borderless player chrome matching MovieLinkBD download-card surfaces. */
.mlbd-inline-player{
  margin:9px 0!important;
  border:0!important;
  border-radius:6px!important;
  background:#303035!important;
  box-shadow:0 4px 14px rgba(0,0,0,.14)!important;
}
.mlbd-inline-player__head,.mlbd-inline-player__footer{border:0!important;background:#303035!important}
.mlbd-inline-player__head{padding:10px 12px!important}
.mlbd-inline-player__footer{padding:9px 11px!important}
.mlbd-inline-player__status,.mlbd-inline-small-btn,.mlbd-inline-chip{
  border:0!important;
  background:#44464f!important;
  box-shadow:none!important;
  padding-block:8px!important;
}
.mlbd-inline-player__status{padding:6px 9px!important}
.mlbd-inline-small-btn:hover,.mlbd-inline-small-btn:focus-visible,.mlbd-inline-chip:hover,.mlbd-inline-chip:focus-visible{background:#50535e!important;color:#00eaff!important;outline:0!important}
.mlbd-inline-small-btn[aria-pressed="true"],.mlbd-inline-chip[aria-expanded="true"],.mlbd-inline-chip.is-active{background:#16515c!important;color:#eaffff!important;box-shadow:inset 0 -3px 0 #00eaff!important}
.mlbd-inline-flyout,.mlbd-inline-player .art-settings,.mlbd-inline-player .art-setting{border:0!important;background:#303035!important;box-shadow:0 10px 28px rgba(0,0,0,.32)!important}
.mlbd-inline-option{border:0!important;background:transparent!important;padding:10px!important}
.mlbd-inline-option:hover{background:#44464f!important}
.mlbd-inline-option.is-active{background:#16515c!important;box-shadow:inset 0 -3px 0 #00eaff!important}
.mlbd-inline-player__unlock{border:0!important;background:#075c69!important;padding:16px 18px!important}
.mlbd-inline-player__unlock:hover{background:#087487!important}
.mlbd-play-episode-btn{border:0!important;background:#292a2f!important;padding:10px 14px!important}
.mlbd-play-episode-btn:hover,.mlbd-play-episode-btn:focus-visible{border:0!important;background:#3e4048!important;color:#00eaff!important}
.mlbd-episode-download-btn,#mlbdEpisodeDownloadGrid .btn-user,#mlbdEpisodeDownloadGrid .mlbd-episode-download-btn{
  min-height:48px!important;
  border:0!important;
  background:#44464f!important;
  color:#00eaff!important;
  padding:10px 12px!important;
}
.mlbd-episode-download-btn:hover,.mlbd-episode-download-btn:focus-visible,#mlbdEpisodeDownloadGrid .btn-user:hover,#mlbdEpisodeDownloadGrid .btn-user:focus-visible,#mlbdEpisodeDownloadGrid .mlbd-episode-download-btn:hover,#mlbdEpisodeDownloadGrid .mlbd-episode-download-btn:focus-visible{border:0!important;background:#50535e!important;color:#fff!important;transform:translateY(-1px)!important}
body.mlbd-player-night-mode .mlbd-inline-player.is-night-focus{border:0!important}


/* V76.64 — player card follows the public surface; video remains true black. */
.mlbd-inline-player{background:#30343a!important;box-shadow:0 4px 14px rgba(0,0,0,.14)!important}
.mlbd-inline-player__head,.mlbd-inline-player__footer{background:#30343a!important}
.mlbd-inline-player__status,.mlbd-inline-small-btn,.mlbd-inline-chip{background:#414750!important}
.mlbd-inline-player__stage,.mlbd-inline-player__art,.mlbd-inline-player video{background:#000!important}
.mlbd-inline-flyout,.mlbd-inline-player .art-settings,.mlbd-inline-player .art-setting{background:#30343a!important}
.mlbd-inline-option:hover{background:#414750!important}

/* V76.64 — match the original bg-white card surface. */
.mlbd-inline-player,.mlbd-inline-player-head,.mlbd-inline-player-foot{background:#272b30!important}
.mlbd-inline-player .mlbd-inline-player-meta,.mlbd-inline-player .mlbd-inline-player-actions{background:#30343a!important}

/* V76.66 — Google Cast sender + AirPlay presentation. */
.mlbd-inline-cast-btn[hidden]{display:none!important}
.mlbd-inline-cast-btn{position:relative;padding-left:28px!important}
.mlbd-inline-cast-btn:before{content:"";position:absolute;left:10px;bottom:9px;width:12px;height:9px;border:2px solid currentColor;border-radius:1px;opacity:.95}
.mlbd-inline-cast-btn:after{content:"";position:absolute;left:8px;bottom:7px;width:8px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;border-radius:0 0 0 7px;transform:scale(.7);transform-origin:left bottom}
.mlbd-inline-cast-btn[aria-pressed="true"]{background:#16515c!important;color:#eaffff!important;box-shadow:inset 0 -3px 0 #00eaff!important}
.mlbd-inline-player__casting{position:absolute;z-index:74;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#000;color:#f7f9fb;text-align:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.mlbd-inline-player__casting.is-visible{opacity:1;visibility:visible}
.mlbd-inline-player__casting-icon{font-size:34px;line-height:1}
.mlbd-inline-player__casting-title{font-size:17px;color:#fff}
.mlbd-inline-player__casting small{font-size:11px;color:#9ca3af}
.mlbd-inline-player video{-webkit-airplay:allow}
@media(max-width:760px){
  .mlbd-inline-cast-btn{flex:1;min-width:88px}
  .mlbd-inline-player__casting-title{font-size:15px}
}

/* V76.73 — no custom gesture/seek bar. Browser scrolling remains native. */
.mlbd-inline-gesture-layer,.mlbd-inline-gesture-feedback{display:none!important}
.mlbd-inline-player .art-video-player .art-video,
.mlbd-inline-player .art-video-player .art-mask,
.mlbd-inline-player .art-video-player .art-layers,
.mlbd-inline-player .art-video-player .art-poster,
.mlbd-inline-player .art-video-player .art-state{
  touch-action:pan-y pinch-zoom!important;
}
/* Only the native ArtPlayer timeline owns drag gestures. */
.mlbd-inline-player .art-bottom{z-index:80!important;pointer-events:none!important}
.mlbd-inline-player .art-control-progress,
.mlbd-inline-player .art-progress{
  position:relative!important;z-index:86!important;pointer-events:auto!important;
  touch-action:none!important;cursor:pointer!important;
}
.mlbd-inline-player .art-progress *{pointer-events:auto!important}

/* V76.67 — visible, compact player warning/status message. */
.mlbd-inline-player__notice.is-visible{
  display:flex!important;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;
  background:#16323a;color:#e9fbff;font-size:12px;font-weight:800;line-height:1.45;text-align:center;
}
.mlbd-inline-player__notice.is-warning{background:#3b2b08;color:#fff1b8}
.mlbd-inline-player__notice.is-error{background:#48191d;color:#ffe4e6}
@media(max-width:760px){
  .mlbd-inline-player__notice.is-visible{font-size:11px;padding:8px 10px}
}

/* V76.74 — compact transparent episode Watch Online action. */
#mlbdEpisodeDownloadGrid .mlbd-play-episode-btn{min-height:28px!important;padding:3px 7px!important;border:0!important;background:transparent!important;color:#00eaff!important;font-size:13px!important;line-height:1.2!important;box-shadow:none!important}
#mlbdEpisodeDownloadGrid .mlbd-play-episode-btn:hover,#mlbdEpisodeDownloadGrid .mlbd-play-episode-btn:focus-visible{background:transparent!important;color:#fff!important;transform:none!important}
#mlbdEpisodeDownloadGrid .mlbd-episode-title{font-size:18px!important;font-weight:850!important;line-height:1.3!important;color:#f5f7f9!important;overflow-wrap:anywhere!important}


/* V76.80 — compact episode resource grid below the video. */
.mlbd-inline-player__episodes{
  padding:14px 14px 12px!important;
  background:#272b30!important;
  border-top:0!important;
  color:#eef2f6!important;
}
.mlbd-inline-player__episodes[hidden]{display:none!important}
.mlbd-inline-player__episodes-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.mlbd-inline-player__episodes-head>div{min-width:0}
.mlbd-inline-player__episodes-eyebrow{display:block;margin-bottom:2px;color:#8f9aa7;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.mlbd-inline-player__episodes-head strong{display:block;color:#f7f9fb;font-size:16px;line-height:1.15;font-weight:900}
.mlbd-inline-player__episodes-count{flex:none;color:#9aa6b2;font-size:10px;font-weight:800}
.mlbd-inline-player__episode-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:100%}
.mlbd-inline-player__episode-btn{
  appearance:none;min-width:0;min-height:52px;border:0!important;border-radius:6px!important;
  background:#3b3f45!important;color:#f1f4f7!important;padding:8px 6px!important;
  display:flex;align-items:center;justify-content:center;text-align:center;
  font:inherit;font-size:13px;font-weight:900;line-height:1.15;cursor:pointer;
  box-shadow:none!important;transition:background .16s ease,color .16s ease,transform .16s ease!important;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.mlbd-inline-player__episode-btn:hover,.mlbd-inline-player__episode-btn:focus-visible{background:#4a5058!important;color:#fff!important;outline:0!important;transform:translateY(-1px)!important}
.mlbd-inline-player__episode-btn.is-active{background:#116337!important;color:#7dffad!important;box-shadow:inset 0 0 0 1px rgba(85,255,148,.18)!important}
.mlbd-inline-player__episode-toggle{
  display:block;margin:10px auto 0;border:0!important;background:transparent!important;color:#d7dde4!important;
  padding:5px 10px!important;font:inherit;font-size:11px;font-weight:850;cursor:pointer;box-shadow:none!important;
}
.mlbd-inline-player__episode-toggle:hover,.mlbd-inline-player__episode-toggle:focus-visible{color:#67e8f9!important;outline:0!important}
.mlbd-inline-player__episode-toggle[hidden]{display:none!important}
@media(max-width:980px){.mlbd-inline-player__episode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){
  .mlbd-inline-player__episodes{padding:12px 10px 10px!important}
  .mlbd-inline-player__episode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
  .mlbd-inline-player__episode-btn{min-height:48px;font-size:12px;padding:7px 4px!important}
  .mlbd-inline-player__episodes-head strong{font-size:15px}
}


/* V76.96 — exact-quality amber audio warnings with user-friendly public copy. */
.mlbd-inline-player__notice.is-source-health{
  border-top:1px solid rgba(245,158,11,.34);border-bottom:1px solid rgba(245,158,11,.28);
  background:#332506!important;color:#facc15!important;font-weight:800!important;
}
.mlbd-inline-option.is-audio-reported{box-shadow:inset 3px 0 0 #f59e0b;background:rgba(120,76,5,.2)}
.mlbd-inline-option.is-audio-reported small{color:#fbbf24}
.mlbd-inline-option.is-audio-blocked,.mlbd-inline-option.is-audio-blocked:disabled{
  cursor:not-allowed!important;opacity:.72!important;background:rgba(120,76,5,.24)!important;color:#fde68a!important;box-shadow:inset 3px 0 0 #f59e0b!important
}
.mlbd-inline-option.is-audio-blocked small{color:#fbbf24!important}

/* V76.96 had an empty mobile media block here; leaving it open accidentally
   scoped every later player rule to mobile. Close/remove that dead block. */

/* V77.07 — ArtPlayer-native interactions. No full-screen interception layer. */
.mlbd-inline-player .art-control-fullscreen-web,
.mlbd-inline-player .art-control-pip{display:none!important}
.mlbd-inline-player .art-control-fullscreen{display:flex!important}
.mlbd-inline-player .mlbd-art-seek-icon,
.mlbd-inline-player .mlbd-art-cast-icon{display:block;width:23px;height:23px;object-fit:contain;pointer-events:none!important}
.mlbd-inline-player .art-controls-left .art-control{min-width:38px}

/* Native ArtPlayer owns bottom controls, settings, mobile gestures and lock. */
/* IMPORTANT: ArtPlayer's .art-bottom/.art-top are full-size overlay shells.
   Keep the shells click-through; only real controls/progress/settings receive input. */
.mlbd-inline-player .art-video-player>.art-top,
.mlbd-inline-player .art-video-player>.art-bottom{pointer-events:none!important}
.mlbd-inline-player .art-video-player .art-controls,
.mlbd-inline-player .art-video-player .art-progress,
.mlbd-inline-player .art-video-player .art-control{pointer-events:auto!important}
.mlbd-inline-player .art-video-player>.art-settings,
.mlbd-inline-player .art-video-player>.art-setting{
  z-index:150!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.mlbd-inline-player .art-settings .art-setting-item,
.mlbd-inline-player .art-setting .art-setting-item{cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important}

/* V77.11 — center overlay is Play/Pause only. Seek buttons live only in the bottom bar. */
.mlbd-inline-center-controls{
  position:absolute!important;
  z-index:90!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
  opacity:1;
  visibility:visible;
  transition:opacity .18s ease,visibility .18s ease;
}
.mlbd-inline-center-control{
  appearance:none;
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  width:58px;
  height:58px;
  padding:0;
  border:0!important;
  border-radius:999px;
  background:rgba(0,0,0,.46)!important;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
}
.mlbd-inline-center-control:hover,.mlbd-inline-center-control:focus-visible{background:rgba(0,0,0,.67)!important;outline:0}
.mlbd-inline-center-control:active{transform:translate(-50%,-50%) scale(.92)}
.mlbd-inline-center-control.is-playpause{left:50%;width:68px;height:68px;background:rgba(0,0,0,.54)!important}
.mlbd-inline-center-control img{display:block;width:34px;height:34px;pointer-events:none!important;user-select:none}
.mlbd-inline-center-control.is-playpause img{width:42px;height:42px}
.mlbd-inline-player .art-state{display:none!important}

/* Custom episode/quality/audio/subtitle top bar mirrors ArtPlayer's native control visibility. */
.mlbd-inline-player .art-video-player>.mlbd-inline-player__selectors{z-index:110!important}
.mlbd-inline-player .art-video-player>.mlbd-inline-flyout{z-index:120!important}
/* V77.90.11: a pinned chrome outranks the hidden flag here too. Without the :not(), the
   selectors bar was hidden by this rule while the bottom bar was held open by the hold
   rule — same specificity, decided by source order — so the top and bottom of the player
   disagreed about whether the chrome was up. */
.mlbd-inline-player .art-video-player.mlbd-aux-chrome-hidden:not(.mlbd-player-chrome-hold):not(.mlbd-player-menu-open)>.mlbd-inline-center-controls,
.mlbd-inline-player .art-video-player.mlbd-aux-chrome-hidden:not(.mlbd-player-chrome-hold):not(.mlbd-player-menu-open)>.mlbd-inline-player__selectors{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.mlbd-inline-player .art-video-player.mlbd-aux-chrome-hidden:not(.mlbd-player-chrome-hold):not(.mlbd-player-menu-open)>.mlbd-inline-center-controls .mlbd-inline-center-control{pointer-events:none!important}
.mlbd-inline-player .art-video-player.mlbd-aux-chrome-hidden:not(.mlbd-player-menu-open)>.mlbd-inline-flyout{display:none!important}
.mlbd-inline-player .art-video-player.mlbd-player-menu-open>.mlbd-inline-player__selectors{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important
}
.mlbd-inline-player .art-video-player.mlbd-player-menu-open>.mlbd-inline-flyout{
  display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important
}
.mlbd-inline-player .art-video-player.mlbd-player-menu-open>.mlbd-inline-center-controls{opacity:1!important;visibility:visible!important}
.mlbd-inline-player .art-video-player.mlbd-player-menu-open>.mlbd-inline-center-controls .mlbd-inline-center-control{pointer-events:auto!important}

/* Feedback is visual-only and never blocks a tap. */
.mlbd-inline-doubletap-feedback{
  position:absolute;z-index:130;top:50%;left:50%;transform:translate(-50%,-50%) scale(.92);
  min-width:72px;min-height:72px;padding:10px 12px;border-radius:999px;background:rgba(0,0,0,.58);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;
  font-size:11px;font-weight:900;line-height:1;opacity:0;visibility:hidden;pointer-events:none!important;
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease;
}
.mlbd-inline-doubletap-feedback.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.mlbd-inline-doubletap-feedback.is-backward{left:24%}
.mlbd-inline-doubletap-feedback.is-forward{left:76%}
.mlbd-inline-doubletap-feedback img{width:34px;height:34px;display:block;pointer-events:none!important}

.mlbd-iconify,.mlbd-center-icon,.mlbd-chip-icon,.mlbd-option-icon,.mlbd-setting-icon,.mlbd-inline-button-icon{
  display:block;object-fit:contain;flex:none;pointer-events:none!important;user-select:none
}
.mlbd-inline-chip__badge.is-icon{min-width:24px;width:24px;height:24px;padding:0}
.mlbd-chip-icon{width:15px;height:15px}
.mlbd-inline-option__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:28px;height:28px;border-radius:5px;background:#3a3d41}
.mlbd-option-icon{width:17px;height:17px}
.mlbd-inline-option small{display:inline-flex;align-items:center;gap:5px}
.mlbd-inline-option small .mlbd-option-icon{width:14px;height:14px}
.mlbd-inline-small-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.mlbd-inline-button-icon{width:16px;height:16px}
.mlbd-inline-cast-btn:before,.mlbd-inline-cast-btn:after{display:none!important;content:none!important}
.mlbd-inline-player .art-setting-item .mlbd-setting-icon{width:18px;height:18px;margin-right:8px;vertical-align:middle}

@media(max-width:760px){
  .mlbd-inline-center-control{width:50px;height:50px}
  .mlbd-inline-center-control.is-playpause{width:60px;height:60px}
  .mlbd-inline-center-control img{width:29px;height:29px}
  .mlbd-inline-center-control.is-playpause img{width:38px;height:38px}
  .mlbd-inline-doubletap-feedback{min-width:64px;min-height:64px;padding:9px 11px}
  .mlbd-inline-doubletap-feedback img{width:30px;height:30px}
  .mlbd-inline-doubletap-feedback.is-backward{left:22%}
  .mlbd-inline-doubletap-feedback.is-forward{left:78%}
}


/* V77.09 — Smart/Android TV remote focus + cross-device touch reliability. */
.mlbd-inline-player.mlbd-tv-remote-mode .art-control,
.mlbd-inline-player.mlbd-tv-remote-mode .art-setting-item,
.mlbd-inline-player.mlbd-tv-remote-mode .mlbd-inline-center-control,
.mlbd-inline-player.mlbd-tv-remote-mode .mlbd-inline-chip,
.mlbd-inline-player.mlbd-tv-remote-mode .mlbd-inline-option,
.mlbd-inline-player.mlbd-tv-remote-mode [data-mlbd-player-prev],
.mlbd-inline-player.mlbd-tv-remote-mode [data-mlbd-player-next],
.mlbd-inline-player.mlbd-tv-remote-mode [data-mlbd-cast],
.mlbd-inline-player.mlbd-tv-remote-mode [data-mlbd-resource-episode]{
  min-width:48px;
  min-height:48px;
}
.mlbd-inline-player.mlbd-tv-remote-mode :is(
  .art-control,.art-setting-item,.mlbd-inline-center-control,.mlbd-inline-chip,.mlbd-inline-option,
  [data-mlbd-player-prev],[data-mlbd-player-next],[data-mlbd-cast],[data-mlbd-resource-episode],.mlbd-inline-player__episode-toggle
):focus{
  outline:3px solid #22d3ee!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 5px rgba(34,211,238,.22)!important;
  border-radius:7px!important;
}
.mlbd-inline-player.mlbd-tv-remote-mode .art-settings .art-setting-item:focus,
.mlbd-inline-player.mlbd-tv-remote-mode .art-setting .art-setting-item:focus{
  background:rgba(34,211,238,.16)!important;
}
.mlbd-inline-player.mlbd-tv-remote-mode .mlbd-inline-center-control:focus{
  transform:translate(-50%,-50%) scale(1.08)!important;
}
.mlbd-inline-player .art-video,
.mlbd-inline-player video{
  -webkit-touch-callout:none;
  touch-action:manipulation;
}
@media (pointer:coarse){
  .mlbd-inline-player .art-control{min-width:42px;min-height:42px}
  .mlbd-inline-player .art-setting-item{min-height:44px}
}
.mlbd-inline-player .mlbd-native-fallback-player{position:absolute;inset:0;width:100%;height:100%;background:#000}
.mlbd-inline-player .mlbd-native-fallback-video{display:block;width:100%;height:100%;object-fit:contain;background:#000}


/* V77.10 — restore the real ArtPlayer bottom chrome.
   V77.09 could never boot ArtPlayer because it requested an unpublished
   version, so Brave/Safari/Chrome showed the emergency native <video> bar.
   These rules style only a successfully booted ArtPlayer instance. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-bottom{
  z-index:80!important;
  pointer-events:none!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control{
  pointer-events:auto!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls{
  z-index:82!important;
  min-height:52px!important;
  padding:4px 10px 8px!important;
  background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.48) 62%,rgba(0,0,0,0))!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress{
  z-index:84!important;
  margin-left:10px!important;
  margin-right:10px!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control{
  min-width:38px!important;
  min-height:40px!important;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready video::-webkit-media-controls,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready video::-webkit-media-controls-enclosure{
  display:none!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready video{outline:0!important}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-setting,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-fullscreen,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-volume,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-play-and-pause{
  display:flex!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-settings{
  z-index:160!important;
  pointer-events:auto!important;
}
@media(max-width:760px){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls{min-height:48px!important;padding:2px 5px 6px!important}
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress{margin-left:6px!important;margin-right:6px!important}
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control{min-width:34px!important;min-height:38px!important}
}
@media(hover:none) and (pointer:coarse){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control{min-width:44px!important;min-height:44px!important}
}


/* V77.11 — clean compact ArtPlayer transport bar.
   Keep a generous invisible progress hit-area, but a thin visible timeline. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready{
  --art-progress-height:4px!important;
  --art-progress-top-gap:7px!important;
  --art-bottom-gap:3px!important;
  --art-control-height:44px!important;
  --art-control-icon-size:30px!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress{
  margin-left:10px!important;
  margin-right:10px!important;
  padding-top:7px!important;
  padding-bottom:5px!important;
  min-height:16px!important;
  box-sizing:border-box!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-progress{
  height:4px!important;
  min-height:4px!important;
  max-height:4px!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-progress-inner{
  height:2px!important;
  min-height:2px!important;
  border-radius:999px!important;
  overflow:visible!important;
  transition:height .14s ease!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress:hover .art-control-progress-inner,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress:focus-within .art-control-progress-inner{
  height:4px!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress-played,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress-loaded,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress-hover{
  border-radius:999px!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress-indicator{
  width:12px!important;
  height:12px!important;
  margin-left:-6px!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls{
  min-height:46px!important;
  height:46px!important;
  padding:0 8px 3px!important;
  gap:0!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control{
  min-width:36px!important;
  min-height:42px!important;
  padding:0 3px!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-art-seek-icon{
  width:22px!important;
  height:22px!important;
}
/* The visible center overlay intentionally contains only play/pause. */
.mlbd-inline-player .mlbd-inline-center-controls .mlbd-inline-center-control:not(.is-playpause){display:none!important}
.mlbd-inline-player .mlbd-inline-center-control.is-playpause{
  left:50%!important;
  width:62px!important;
  height:62px!important;
  background:rgba(0,0,0,.50)!important;
}
.mlbd-inline-player .mlbd-inline-center-control.is-playpause img{width:38px!important;height:38px!important}
@media(max-width:760px){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress{
    margin-left:7px!important;margin-right:7px!important;padding-top:6px!important;padding-bottom:4px!important;min-height:14px!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls{height:44px!important;min-height:44px!important;padding:0 4px 2px!important}
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control{min-width:34px!important;min-height:40px!important;padding:0 2px!important}
  .mlbd-inline-player .mlbd-inline-center-control.is-playpause{width:56px!important;height:56px!important}
  .mlbd-inline-player .mlbd-inline-center-control.is-playpause img{width:34px!important;height:34px!important}
}
@media(hover:none) and (pointer:coarse){
  /* Keep TV/touch targets large without making the visible seek line thick. */
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control{min-width:44px!important;min-height:44px!important}
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress{min-height:18px!important;padding-top:8px!important;padding-bottom:6px!important}
}


/* V77.13 — clean ArtPlayer bottom chrome.
   Back/Forward exist only in the bottom control row; screen overlay is Play/Pause only.
   Chromecast exists only as MovieLinkBD's dedicated footer Cast button. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls .art-control-chromecast,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls .art-icon-cast,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls [data-name="chromecast"],
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls [aria-label*="Cast" i]{display:none!important}

/* Match ArtPlayer's own progress model: 4px hit track -> 2px visible line,
   expanding to 4px only while the user is actively hovering/focusing the timeline. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready{
  --art-progress-height:4px!important;
  --art-indicator-size:10px!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress{
  margin-left:10px!important;
  margin-right:10px!important;
  padding-top:6px!important;
  padding-bottom:4px!important;
  min-height:14px!important;
  box-sizing:border-box!important;
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress .art-control-progress{
  height:4px!important;
  min-height:4px!important;
  max-height:4px!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress .art-control-progress-inner{
  height:50%!important;
  min-height:2px!important;
  border-radius:999px!important;
  overflow:visible!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress:hover .art-control-progress-inner,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress:focus-within .art-control-progress-inner{
  height:100%!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress-indicator{
  width:10px!important;
  height:10px!important;
  margin-left:-5px!important;
}

/* V77.90.11 — ONE definition of "the chrome is up".
   This block used to answer that question from two different sources at once: ArtPlayer's
   own .art-control-show/.art-hover, and our .mlbd-aux-chrome-hidden. Both carried
   !important at the same specificity, so whenever the two disagreed — which is every tap
   on a phone, because ArtPlayer toggles its class on tap while our reveal handler was
   setting ours — the winner came down to source order, not intent. The bar flashed on and
   off and the top selectors drifted out of step with it.
   Now .mlbd-aux-chrome-hidden is the single switch; syncAuxChrome() mirrors ArtPlayer's
   state into it, so there is exactly one class to read and nothing left to contradict. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready.mlbd-aux-chrome-hidden:not(.mlbd-player-menu-open):not(.mlbd-player-chrome-hold) .art-progress{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready:not(.mlbd-aux-chrome-hidden) .art-progress,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready.mlbd-player-chrome-hold .art-progress,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready.mlbd-player-menu-open .art-progress{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* The video surface must never duplicate Back/Forward. */
.mlbd-inline-player .mlbd-inline-center-controls .mlbd-inline-center-control:not(.is-playpause){display:none!important}

@media(max-width:760px){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress{
    margin-left:7px!important;
    margin-right:7px!important;
    padding-top:5px!important;
    padding-bottom:4px!important;
    min-height:13px!important;
  }
}
@media(hover:none) and (pointer:coarse){
  /* Large invisible touch target, still only a 2px visible idle line. */
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress{
    min-height:18px!important;
    padding-top:8px!important;
    padding-bottom:6px!important;
  }
}

/* V77.14 — normalize the top selector row.
   Text badges (BEST/720P/EP) and Iconify badges (audio/subtitles) must share
   the same visual box so Quality/Audio/Subtitle selectors never jump in size. */
.mlbd-inline-player .mlbd-inline-player__selectors{
  align-items:center!important;
  gap:7px!important;
}
.mlbd-inline-player .mlbd-inline-player__selectors>.mlbd-inline-chip{
  box-sizing:border-box!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:4px 9px!important;
  gap:7px!important;
  line-height:1!important;
  align-items:center!important;
  border-radius:6px!important;
  white-space:nowrap!important;
}
.mlbd-inline-player .mlbd-inline-player__selectors .mlbd-inline-chip__badge{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:30px!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  padding:0 6px!important;
  margin:0!important;
  border-radius:5px!important;
  font-size:9px!important;
  line-height:24px!important;
  flex:0 0 auto!important;
}
.mlbd-inline-player .mlbd-inline-player__selectors .mlbd-inline-chip__badge.is-icon{
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  padding:0!important;
}
.mlbd-inline-player .mlbd-inline-player__selectors .mlbd-chip-icon{
  width:15px!important;
  height:15px!important;
  margin:0!important;
}
.mlbd-inline-player .mlbd-inline-player__selectors .mlbd-inline-chip__text{
  display:inline-flex!important;
  align-items:center!important;
  height:24px!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1!important;
}

@media(max-width:430px){
  .mlbd-inline-player .mlbd-inline-player__selectors{
    gap:5px!important;
  }
  .mlbd-inline-player .mlbd-inline-player__selectors>.mlbd-inline-chip{
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    padding:4px 7px!important;
    gap:5px!important;
  }
  .mlbd-inline-player .mlbd-inline-player__selectors .mlbd-inline-chip__badge{
    min-width:28px!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    padding:0 5px!important;
    line-height:22px!important;
  }
  .mlbd-inline-player .mlbd-inline-player__selectors .mlbd-inline-chip__badge.is-icon{
    width:22px!important;
    min-width:22px!important;
    max-width:22px!important;
  }
  .mlbd-inline-player .mlbd-inline-player__selectors .mlbd-chip-icon{
    width:14px!important;
    height:14px!important;
  }
  .mlbd-inline-player .mlbd-inline-player__selectors .mlbd-inline-chip__text{
    height:22px!important;
    font-size:10px!important;
  }
}

/* Smart/Android TV keeps a generous D-pad target, but every selector still
   uses the same dimensions and vertical alignment. */
.mlbd-inline-player.mlbd-tv-remote-mode .mlbd-inline-player__selectors>.mlbd-inline-chip{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:7px 11px!important;
  gap:8px!important;
}
.mlbd-inline-player.mlbd-tv-remote-mode .mlbd-inline-player__selectors .mlbd-inline-chip__badge{
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  min-width:34px!important;
  line-height:30px!important;
}
.mlbd-inline-player.mlbd-tv-remote-mode .mlbd-inline-player__selectors .mlbd-inline-chip__badge.is-icon{
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
}
.mlbd-inline-player.mlbd-tv-remote-mode .mlbd-inline-player__selectors .mlbd-chip-icon{
  width:18px!important;
  height:18px!important;
}
.mlbd-inline-player.mlbd-tv-remote-mode .mlbd-inline-player__selectors .mlbd-inline-chip__text{
  height:30px!important;
  font-size:12px!important;
}

/* V77.17 — season tabs keep multi-season Watch Online compact and ordered. */
.mlbd-inline-player__season-tabs{
  display:flex;align-items:center;gap:7px;width:100%;overflow-x:auto;
  margin:0 0 10px;padding:1px 0 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.mlbd-inline-player__season-tabs::-webkit-scrollbar{display:none}
.mlbd-inline-player__season-tabs[hidden]{display:none!important}
.mlbd-inline-player__season-tab{
  appearance:none;flex:0 0 auto;min-width:46px;min-height:34px;border:0!important;border-radius:6px!important;
  background:#3b3f45!important;color:#e9edf1!important;padding:7px 10px!important;
  font:inherit;font-size:12px;font-weight:900;line-height:1;cursor:pointer;box-shadow:none!important;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.mlbd-inline-player__season-tab:hover,.mlbd-inline-player__season-tab:focus-visible{background:#4b525a!important;color:#fff!important;outline:2px solid rgba(34,211,238,.42)!important;outline-offset:1px}
.mlbd-inline-player__season-tab.is-active{background:#0e7490!important;color:#ecfeff!important}
@media(max-width:520px){
  .mlbd-inline-player__season-tabs{gap:6px;margin-bottom:8px}
  .mlbd-inline-player__season-tab{min-width:44px;min-height:32px;padding:6px 9px!important;font-size:11px}
}
.mlbd-tv-remote-mode .mlbd-inline-player__season-tab{min-height:48px;min-width:58px;font-size:14px}

/* V77.36 — authoritative mobile ArtPlayer bottom chrome.
   ArtPlayer's .art-bottom is a full-player overlay, not a 60px strip.
   Keep the shell full-size and let its native flex-end flow pin progress + controls
   to the real bottom edge. This removes the V77.29/V77.34 absolute-position fight
   that could lift the entire control bar to the top on small devices. */
@media(max-width:760px){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-bottom{
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    padding:0 7px 2px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    pointer-events:none!important;
    z-index:80!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:6px 0 4px!important;
    min-height:14px!important;
    box-sizing:border-box!important;
    z-index:84!important;
    pointer-events:auto!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress .art-control-progress,
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress .art-control-progress-inner{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    flex:0 0 44px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    overflow:visible!important;
    z-index:82!important;
    pointer-events:auto!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls-left{
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls-right{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:0 0 auto!important;
    min-width:64px!important;
    max-width:none!important;
    height:100%!important;
    margin-left:auto!important;
    overflow:visible!important;
    white-space:nowrap!important;
    position:relative!important;
    z-index:190!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control{
    box-sizing:border-box!important;
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    min-height:40px!important;
    padding:0 1px!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-time{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    min-height:40px!important;
    padding:0 4px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:10.5px!important;
    line-height:1!important;
    letter-spacing:-.15px!important;
    font-variant-numeric:tabular-nums!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-time *,
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-current-time,
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-duration{
    display:inline!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-volume-panel{
    display:none!important;
    width:0!important;
    max-width:0!important;
    overflow:hidden!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-setting,
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-fullscreen,
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready [data-name="fullscreen"]{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    min-height:40px!important;
    padding:0!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-fullscreen,
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready [data-name="fullscreen"]{
    order:999!important;
    position:relative!important;
    z-index:195!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-art-seek-icon{
    width:20px!important;
    height:20px!important;
  }
}

/* Phone widths: protect Time + Settings + Fullscreen; volume is secondary. */
@media(max-width:430px){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-volume{display:none!important}
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control{
    flex-basis:30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-time{
    min-width:max-content!important;max-width:none!important;padding:0 3px!important;font-size:10px!important;letter-spacing:-.25px!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-setting,
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-fullscreen,
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready [data-name="fullscreen"]{
    flex-basis:32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;
  }
}
@media(max-width:340px){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-bottom{padding-left:4px!important;padding-right:4px!important}
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control{
    flex-basis:28px!important;width:28px!important;min-width:28px!important;max-width:28px!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-time{
    min-width:max-content!important;max-width:none!important;padding:0 2px!important;font-size:9.5px!important;letter-spacing:-.35px!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-setting,
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-fullscreen,
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready [data-name="fullscreen"]{
    flex-basis:30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;
  }
}


/* V77.39 — precise cursor volume control.
   Keep the transport row compact: the slider floats above the speaker button,
   so narrow desktop windows do not sacrifice Time / Settings / Fullscreen. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-volume{
  position:relative!important;
  overflow:visible!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-volume .art-volume-panel{
  display:none!important;
}




.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-range{
  -webkit-appearance:none!important;
  appearance:none!important;
  flex:1 1 auto!important;
  width:82px!important;
  min-width:0!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  cursor:pointer!important;
  accent-color:#22c7d9!important;
  touch-action:none!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-range::-webkit-slider-runnable-track{
  height:4px!important;border-radius:999px!important;background:#5a6068!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-range::-webkit-slider-thumb{
  -webkit-appearance:none!important;appearance:none!important;width:14px!important;height:14px!important;border-radius:50%!important;border:0!important;background:#22c7d9!important;margin-top:-5px!important;box-shadow:0 0 0 3px rgba(34,199,217,.18)!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-range::-moz-range-track{
  height:4px!important;border-radius:999px!important;background:#5a6068!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-range::-moz-range-thumb{
  width:14px!important;height:14px!important;border-radius:50%!important;border:0!important;background:#22c7d9!important;box-shadow:0 0 0 3px rgba(34,199,217,.18)!important;
}
@media(hover:hover) and (pointer:fine){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls{overflow:visible!important}
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-volume{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
  }
}
/* V77.89: the volume panel used to be display:none here, which left touch, TV and
   Smart-TV browsers with no way to set the volume at all. It is sized for a finger
   further down instead of being removed. */


/* V77.45 — clearer Ads unlock gate + stronger visible poster/screenshot backdrop. */
.mlbd-inline-player__gate{
  overflow:hidden!important;
  isolation:isolate!important;
  padding:clamp(14px,3.2vw,28px)!important;
  background:linear-gradient(135deg,#1d2730,#121a20)!important;
}
.mlbd-inline-player__gate::before{
  content:"";
  position:absolute;
  z-index:-3;
  inset:-24px;
  background-image:var(--mlbd-gate-poster,none);
  background-size:cover;
  background-position:center 28%;
  filter:blur(9px) saturate(1.02) contrast(.98);
  transform:scale(1.08);
  opacity:0;
  transition:opacity .2s ease;
}
.mlbd-inline-player__gate.has-backdrop::before{opacity:.52}
.mlbd-inline-player__gate::after{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background:
    radial-gradient(circle at 50% 42%,rgba(19,108,124,.14),transparent 48%),
    linear-gradient(180deg,rgba(9,15,20,.30),rgba(8,13,17,.62));
}
.mlbd-inline-player__gate-card{
  width:min(590px,94%);
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:clamp(17px,3vw,28px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(17,25,31,.60);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
  box-shadow:0 18px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);
}
.mlbd-inline-player__gate-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(8,107,122,.45);
  color:#dffcff;
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.08em;
}
.mlbd-inline-player__gate-pill span{width:7px;height:7px;border-radius:50%;background:#5eead4;box-shadow:0 0 0 4px rgba(94,234,212,.12)}
.mlbd-inline-player__gate-lock{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(21px,4vw,34px)!important;font-weight:950!important;letter-spacing:-.025em!important}
.mlbd-inline-gate-icon{width:clamp(27px,4vw,38px);height:clamp(27px,4vw,38px);flex:none}
.mlbd-inline-player__gate-sub{max-width:520px;margin-top:8px!important;color:#dce6ec!important;font-size:clamp(12px,1.8vw,16px)!important;font-weight:700!important;line-height:1.5}
.mlbd-inline-player__unlock{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:min(510px,100%)!important;
  min-height:56px!important;
  margin-top:17px!important;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#0891b2,#0f766e)!important;
  color:#fff!important;
  padding:14px 18px!important;
  font-size:clamp(14px,2vw,18px)!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
  box-shadow:0 10px 28px rgba(4,88,106,.28),inset 0 1px 0 rgba(255,255,255,.16)!important;
  transform:translateZ(0);
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
.mlbd-inline-player__unlock:hover,.mlbd-inline-player__unlock:focus-visible{background:linear-gradient(135deg,#06a7cc,#0b887e)!important;filter:brightness(1.05)!important;transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(4,88,106,.38),inset 0 1px 0 rgba(255,255,255,.18)!important;outline:none}
.mlbd-inline-player__unlock:active{transform:translateY(0)!important}
.mlbd-inline-player__unlock .mlbd-inline-button-icon{width:20px;height:20px}
.mlbd-inline-player__gate-note{margin-top:10px!important;color:#b9c9d2!important;font-size:10px!important;font-weight:750!important;line-height:1.4}
@media(max-width:560px){
  .mlbd-inline-player__gate{padding:12px!important}
  .mlbd-inline-player__gate-card{width:100%;padding:16px 13px;border-radius:11px}
  .mlbd-inline-player__gate-pill{font-size:9px;padding:5px 8px}
  .mlbd-inline-player__gate-lock{margin-top:11px;font-size:21px!important}
  .mlbd-inline-player__gate-sub{font-size:12px!important;line-height:1.4}
  .mlbd-inline-player__unlock{min-height:50px!important;margin-top:13px!important;font-size:14px!important;padding:12px 13px!important}
  .mlbd-inline-player__gate-note{display:block!important;font-size:9px!important}
}

/* =====================================================================
   V77.89 — seek affordance + tap-anywhere volume, on every input type.
   ===================================================================== */

/* ArtPlayer ships the seek tooltip at scale(.5)/opacity 0 and only un-scales it
   on `.art-progress:hover`. A touchscreen, a TV remote and a Smart-TV browser
   never fire :hover, so a drag-seek showed a half-scale dark box with clipped
   text — the "blank black thing" above the seekbar. Size and typography are now
   pinned, and .mlbd-seeking (set by the runtime on pointerdown/focus) reveals it
   for pointer types that have no hover. ArtPlayer still owns the `left` offset. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress-tip{
  transform:none!important;
  transform-origin:center bottom!important;
  height:auto!important;
  min-height:0!important;
  padding:5px 8px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  font-variant-numeric:tabular-nums!important;
  text-align:center!important;
  white-space:nowrap!important;
  color:#fff!important;
  background:rgba(9,12,18,.94)!important;
  border-radius:7px!important;
  box-shadow:0 6px 18px rgba(0,0,0,.4)!important;
  pointer-events:none!important;
  opacity:0!important;
  transition:opacity .12s ease!important;
  z-index:120!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress:hover .art-progress-tip,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress:focus-within .art-progress-tip,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready.mlbd-seeking .art-progress-tip{
  opacity:1!important;
}

/* The drag knob had the same hover-only problem: scale(0) with no way out on touch. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress-indicator{
  transform:scale(0)!important;
  transition:transform .12s ease!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress:hover .art-progress-indicator,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress:focus-within .art-progress-indicator,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready.mlbd-seeking .art-progress-indicator{
  transform:scale(1)!important;
}
/* Thicken the bar while dragging so the knob has something to ride on. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready.mlbd-seeking .art-control-progress-inner{
  height:100%!important;
}
/* A bigger touch target for the timeline without changing how it looks. */
@media(hover:none),(pointer:coarse){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress{
    padding-top:12px!important;
    padding-bottom:10px!important;
    touch-action:none!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress-indicator{
    width:14px!important;height:14px!important;margin-left:-7px!important;
  }
}

/* V77.90.13: the old rules here sized a popover that no longer exists, gave the slider a
   26px-tall track with a 20px thumb, and pinned .art-control-volume to a 28px box below
   430px — narrower than every other control in the row, which is exactly the size mismatch
   this release is removing. A finger does need more than a 4px line to grab, but the track
   must stay the same weight as the timeline or the bar looks lopsided: pad the input and
   clip the gradient to the content box, so the hit area grows while the track does not. */
@media(hover:none),(pointer:coarse){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-range{
    height:18px!important;
    padding:7px 0!important;
    box-sizing:border-box!important;
    background-clip:content-box!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-range::-webkit-slider-thumb{
    width:14px!important;height:14px!important;
  }
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-range::-moz-range-thumb{
    width:14px!important;height:14px!important;
  }
}


/* Playback smoothness: keep compositing on the GPU and stop the chrome from
   forcing full-page relayout on every control-bar fade. Matters most on Smart-TV
   and low-power Android browsers. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready video{
  will-change:transform!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-bottom,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-inline-center-controls,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-inline-player__selectors{
  contain:layout paint!important;
}
/* Honour the OS reduced-motion setting instead of animating chrome on every tap. */
@media(prefers-reduced-motion:reduce){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready *,
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready *::before,
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready *::after{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
  }
}

/* =====================================================================
   V77.90.4 — the volume control shows the state of whatever is audible.
   ArtPlayer paints its speaker from video.muted, and the video is muted on
   purpose while an external audio track owns the sound — so its icon said
   "muted" through the whole film. Hide ArtPlayer's glyph and paint our own
   from the active audio node instead.
   ===================================================================== */
/* :not(.mlbd-volume-glyph) matters — our replacement glyph is a direct-child <img> of the
   same control, so the original rule hid the very icon it was meant to install. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-volume.mlbd-volume-control-ready > svg,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-volume.mlbd-volume-control-ready > i,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-volume.mlbd-volume-control-ready > img:not(.mlbd-volume-glyph){
  display:none!important;
}
/* The control is a flex box; centre whatever glyph is in it. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-control-volume.mlbd-volume-control-ready{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
/* Iconify SVG, sized like every other control glyph — never an emoji. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-glyph{
  display:block!important;
  width:22px!important;
  height:22px!important;
  margin:auto!important;
  object-fit:contain!important;
  pointer-events:none!important;
  user-select:none!important;
}

@media(hover:none),(pointer:coarse){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-glyph{width:24px!important;height:24px!important}
  
}

/* Subtitle text is sanitised before it reaches the player, so it can stay plain
   and readable at any size instead of inheriting converter markup. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-subtitle{
  /* --mlbd-subtitle-scale and --mlbd-subtitle-bottom are set by the Subtitle Size /
     Subtitle Position settings. The offset is added to ArtPlayer's own placement so
     the control bar never covers the text. */
  font-size:calc(clamp(15px,2.4vw,26px) * var(--mlbd-subtitle-scale,1))!important;
  /* Base sits clear of the timeline; --mlbd-subtitle-lift adds room while the control
     bar is on screen so the text is never printed over the buttons. */
  bottom:calc(var(--mlbd-subtitle-bottom,0%) + 4% + var(--mlbd-subtitle-lift,0px))!important;
  transition:bottom .16s ease!important;
  line-height:1.18!important;
  font-weight:700!important;
  text-shadow:0 2px 6px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.9)!important;
  /* V77.90.15: the box has to be symmetric, or centred text is centred inside a box
     that is itself off to one side. ArtPlayer positions .art-subtitle absolutely with
     left:0, so a max-width shrank it from the RIGHT ONLY and the whole caption sat left
     of centre (measured: 14.4px off on a 359px player). margin:0 auto cannot fix that —
     an absolutely positioned box only honours auto margins when left AND right are both
     resolved. Pin both insets instead and the box is centred by construction; the line
     length is capped on the lines themselves, which are normal-flow blocks where auto
     margins do work. */
  left:0!important;
  right:0!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0 4%!important;
  text-align:center!important;
  white-space:normal!important;
}
/* One line per .art-subtitle-line; keep them tight and centred. pre-line used to add a
   blank line between them because the cue markup carries its own newlines. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-subtitle .art-subtitle-line{
  display:block!important;
  /* Normal-flow block inside the absolutely positioned caption box, so auto margins
     genuinely centre it. This is where the readable line length is capped — doing it on
     the container is what pushed the whole caption sideways. */
  max-width:920px!important;
  margin:0 auto!important;
  padding:0!important;
  line-height:1.18!important;
  text-align:center!important;
  white-space:normal!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-subtitle .art-subtitle-line + .art-subtitle-line{
  margin-top:0!important;
}
/* Lift the text while the chrome is up — off the SAME switch as the bar. Reading
   art-control-show here meant the subtitle could jump up while the bar was still hidden. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready:not(.mlbd-aux-chrome-hidden),
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready.mlbd-player-chrome-hold,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready.mlbd-player-menu-open{
  --mlbd-subtitle-lift:52px;
}
@media(hover:none),(pointer:coarse){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready:not(.mlbd-aux-chrome-hidden),
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready.mlbd-player-chrome-hold,
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready.mlbd-player-menu-open{
    --mlbd-subtitle-lift:46px;
  }
}
@media(hover:none),(pointer:coarse){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-subtitle{
    font-size:calc(clamp(13px,3.6vw,20px) * var(--mlbd-subtitle-scale,1))!important;
  }
}

/* V77.90.6 — long branded track names must not blow the settings panel apart.
   The runtime already shortens them for display; this is the belt-and-braces so a
   future long label truncates instead of overflowing on a phone. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-setting-item-right-tooltip{
  max-width:46%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-setting-item-left-text{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-settings{
  max-width:min(340px,86vw)!important;
}

/* V77.90.8 — settings submenu rows carry their own Iconify glyph. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-setting-option{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-setting-option-icon{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  object-fit:contain!important;
  opacity:.9!important;
  pointer-events:none!important;
}

/* =====================================================================
   V77.90.9 — chrome no longer jumps, and the menu is a menu, not a sheet.
   ===================================================================== */

/* The timeline slid 7px on every show/hide. A tap toggles art-control-show, so on mobile
   the bar visibly jittered up and down ("kapakapi") and could settle mid-slide. Fade only:
   no geometry change, nothing to get stuck halfway. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-progress{
  transform:none!important;
  transition:opacity .16s ease!important;
}
/* Same for the bottom bar: never animate its position, only its opacity. A transform here
   is what left it parked slightly low and visible after a double-tap seek. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-bottom{
  transform:none!important;
  transition:opacity .16s ease!important;
  will-change:opacity!important;
}

/* The flyout was capped at 62vh — a viewport unit, while the panel lives inside the
   player. On a phone that made it taller than the player itself, so it covered the whole
   surface and never actually scrolled. Bound it to the player instead. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready > .mlbd-inline-flyout{
  top:52px!important;
  right:10px!important;
  left:auto!important;
  width:min(300px,calc(100% - 20px))!important;
  max-height:calc(100% - 108px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
  border-radius:12px!important;
  padding:6px!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready > .mlbd-inline-flyout::-webkit-scrollbar{width:6px}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready > .mlbd-inline-flyout::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.22);border-radius:99px;
}
/* The title stays put while the list scrolls under it. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready > .mlbd-inline-flyout .mlbd-inline-flyout__title{
  position:sticky!important;
  top:-6px!important;
  z-index:2!important;
  background:inherit!important;
  margin:-6px -6px 4px!important;
  padding:10px 10px 8px!important;
}
@media(max-width:760px){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready > .mlbd-inline-flyout{
    top:48px!important;
    right:8px!important;
    width:min(268px,calc(100% - 16px))!important;
    max-height:calc(100% - 92px)!important;
  }
}
@media(max-width:430px){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready > .mlbd-inline-flyout{
    width:min(240px,calc(100% - 14px))!important;
    max-height:calc(100% - 84px)!important;
  }
}

/* V77.90.9 — every audio track listed under the player, active one ticked. */
.mlbd-inline-player .mlbd-inline-player__current{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px 10px!important;
}
.mlbd-inline-player .mlbd-current-line{white-space:nowrap}
.mlbd-inline-player .mlbd-audio-strip{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
}
.mlbd-inline-player .mlbd-audio-strip__label{
  display:inline-flex;align-items:center;gap:5px;
  color:#9aa3ad;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  margin-right:2px;
}
.mlbd-inline-player .mlbd-audio-strip__icon{width:13px;height:13px;opacity:.85}
.mlbd-inline-player .mlbd-audio-pill{
  display:inline-flex;align-items:center;gap:5px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:#dfe5ea;
  padding:5px 11px;
  font:inherit;font-size:11px;font-weight:800;line-height:1;
  cursor:pointer;
  transition:background .14s ease,border-color .14s ease,color .14s ease;
  touch-action:manipulation;
}
.mlbd-inline-player .mlbd-audio-pill:hover{background:rgba(255,255,255,.1);color:#fff}
.mlbd-inline-player .mlbd-audio-pill:focus-visible{outline:2px solid var(--mlbd-player-accent,#22c7d9);outline-offset:2px}
.mlbd-inline-player .mlbd-audio-pill.is-active{
  background:rgba(34,199,217,.18);
  border-color:var(--mlbd-player-accent,#22c7d9);
  color:#fff;
  box-shadow:0 0 0 1px rgba(34,199,217,.35) inset;
}
.mlbd-inline-player .mlbd-audio-pill__tick{width:13px;height:13px;flex:0 0 13px}
@media(max-width:520px){
  .mlbd-inline-player .mlbd-inline-player__current{gap:6px 8px!important}
  .mlbd-inline-player .mlbd-audio-pill{padding:6px 10px;font-size:11px}
  .mlbd-inline-player .mlbd-audio-strip__label{width:100%;margin-bottom:-2px}
}

/* =====================================================================
   V77.90.9 — auto preview screenshots: compact rail + tap-to-enlarge.
   Deliberately its own namespace (.mlbd-shots*) so the existing
   .screenshot-wrapper / .screenshot-img section is untouched.
   ===================================================================== */
.mlbd-shots{margin:18px 0 6px}
.mlbd-shots__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 8px}
.mlbd-shots__title{
  margin:0;color:#e7ebef;font-size:13px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;
}
.mlbd-shots__count{color:#8d97a2;font-size:11px;font-weight:800}
.mlbd-shots__rail{
  display:flex;gap:8px;
  overflow-x:auto;overflow-y:hidden;
  padding:2px 2px 8px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  overscroll-behavior-x:contain;
}
.mlbd-shots__rail::-webkit-scrollbar{height:6px}
.mlbd-shots__rail::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:99px}
.mlbd-shots__item{
  position:relative;flex:0 0 auto;scroll-snap-align:start;
  width:148px;height:84px;
  padding:0;border:1px solid rgba(255,255,255,.12);border-radius:9px;
  background:#0d0f12;overflow:hidden;cursor:zoom-in;
  transition:transform .14s ease,border-color .14s ease;
}
.mlbd-shots__item:hover,.mlbd-shots__item:focus-visible{
  transform:translateY(-2px);border-color:var(--mlbd-player-accent,#22c7d9);outline:none;
}
.mlbd-shots__item img{width:100%;height:100%;object-fit:cover;display:block}
.mlbd-shots__tag{
  position:absolute;left:0;right:0;bottom:0;
  padding:10px 6px 4px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));
  color:#fff;font-size:10px;font-weight:800;text-align:left;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
@media(max-width:520px){
  .mlbd-shots__item{width:124px;height:70px}
}

/* Lightbox */
body.mlbd-shotbox-open{overflow:hidden}
.mlbd-shotbox{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center}
.mlbd-shotbox[hidden]{display:none}
.mlbd-shotbox__backdrop{position:absolute;inset:0;background:rgba(3,5,8,.92);backdrop-filter:blur(3px)}
.mlbd-shotbox__stage{
  position:relative;z-index:1;
  display:flex;align-items:center;justify-content:center;
  width:min(96vw,1180px);max-height:88vh;
}
.mlbd-shotbox__img{
  max-width:100%;max-height:88vh;object-fit:contain;
  border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.6);
}
.mlbd-shotbox__nav,.mlbd-shotbox__close{
  position:absolute;display:grid;place-items:center;
  width:44px;height:44px;border:0;border-radius:50%;
  background:rgba(16,18,22,.78);color:#fff;cursor:pointer;
  transition:background .14s ease,transform .14s ease;
}
.mlbd-shotbox__nav:hover,.mlbd-shotbox__close:hover{background:rgba(34,199,217,.9)}
.mlbd-shotbox__nav:focus-visible,.mlbd-shotbox__close:focus-visible{outline:2px solid #22c7d9;outline-offset:2px}
.mlbd-shotbox__nav[hidden]{display:none}
.mlbd-shotbox__nav.is-prev{left:-10px}
.mlbd-shotbox__nav.is-next{right:-10px}
.mlbd-shotbox__close{top:-14px;right:-10px;width:38px;height:38px}
.mlbd-shotbox__icon{width:22px;height:22px;pointer-events:none}
.mlbd-shotbox__close .mlbd-shotbox__icon{width:18px;height:18px}
.mlbd-shotbox__bar{
  position:absolute;left:0;right:0;bottom:-34px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  color:#cfd6dd;font-size:12px;font-weight:800;
}
@media(max-width:640px){
  .mlbd-shotbox__stage{width:96vw}
  .mlbd-shotbox__nav{width:40px;height:40px}
  .mlbd-shotbox__nav.is-prev{left:4px}
  .mlbd-shotbox__nav.is-next{right:4px}
  .mlbd-shotbox__close{top:-46px;right:2px}
  .mlbd-shotbox__bar{bottom:-30px;font-size:11px}
}

/* =====================================================================
   V77.90.10 — the footer quality strip. Shares .mlbd-audio-pill so the
   two strips read as one control family; only the divider, the blocked
   state and the wrapping behaviour are specific to quality.
   ===================================================================== */
/* Spacing only — no vertical rule between the two strips. The footer wraps freely at
   every width, so a border-left divider ends up hanging in mid-air the moment the audio
   strip drops to its own line. Whitespace separates them at any width. */
.mlbd-inline-player .mlbd-quality-strip + .mlbd-audio-strip{padding-left:6px}
/* A resolution with confirmed-silent audio stays listed (so the viewer knows it exists)
   but is not clickable — picking it would hand them a video with no sound. */
.mlbd-inline-player .mlbd-audio-pill.is-audio-blocked{
  opacity:.42;cursor:not-allowed;text-decoration:line-through;
}
.mlbd-inline-player .mlbd-audio-pill.is-audio-blocked:hover{
  background:rgba(255,255,255,.05);color:#dfe5ea;
}
@media(max-width:520px){
  .mlbd-inline-player .mlbd-quality-strip + .mlbd-audio-strip{padding-left:0}
}

/* =====================================================================
   V77.90.12 — the bottom control row obeys the same single switch.
   ArtPlayer owns .art-bottom's opacity through its own .art-control-show /
   .art-hover classes. V77.90.11 made .mlbd-aux-chrome-hidden the authority
   for the timeline, the selector bar and the centre transport but left the
   control row on ArtPlayer's classes — so the row could stay lit while
   everything around it had faded, and once we had shown it, it never went
   down. It now reads the same switch as the rest of the chrome.
   ===================================================================== */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready.mlbd-aux-chrome-hidden:not(.mlbd-player-chrome-hold):not(.mlbd-player-menu-open) .art-bottom{
  opacity:0!important;
  visibility:hidden!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready:not(.mlbd-aux-chrome-hidden) .art-bottom{
  opacity:1!important;
  visibility:visible!important;
}

/* ---------------------------------------------------------------------
   The control row itself was still sliding. ArtPlayer moves BOTH children
   of .art-bottom with `transform: translateY(var(--art-bottom-offset))`:
     .art-video-player .art-bottom .art-controls,
     .art-video-player .art-bottom .art-progress
   V77.90.9 neutralised .art-progress and .art-bottom, but .art-controls —
   the row that actually holds play, skip, volume, time and fullscreen —
   was never covered, so it kept animating 20px up and down on every
   show/hide. Measured before this rule: .art-controls top walked
   250.4 -> 245.6 -> 242.5 -> 233.2 -> 230.4 while .art-bottom and
   .art-progress stayed put. Pin the offset to zero at the source so
   nothing that reads the variable can move either.
   --------------------------------------------------------------------- */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready{
  --art-bottom-offset:0px!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-bottom .art-controls,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-bottom .art-progress{
  transform:none!important;
  transition:opacity .16s ease!important;
}

/* =====================================================================
   V77.90.13 — always-visible volume strip + one icon size for the whole
   control bar.
   ===================================================================== */

/* ---- every control is the same box, every glyph the same size --------
   Measured before: play/pause 22x22 in a 30px box, the two skip buttons
   20x20 in a 30px box, settings and fullscreen 22x22 in a 32px box. Three
   different boxes and two different glyph sizes in one row. ArtPlayer's
   own controls draw <svg>, ours draw Iconify <img>, so both are pinned to
   the same numbers here rather than in each individual rule. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls .art-control{
  width:var(--mlbd-control-box,34px)!important;
  height:var(--mlbd-control-box,34px)!important;
  min-width:var(--mlbd-control-box,34px)!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls .art-control > svg,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls .art-control > img,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls .art-control > i > svg{
  width:var(--mlbd-control-icon,22px)!important;
  height:var(--mlbd-control-icon,22px)!important;
  display:block!important;
}
/* The time readout is text, not a glyph — it keeps its natural width. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls .art-control-time{
  width:auto!important;
  min-width:0!important;
  padding:0 8px!important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

/* ---- the volume strip, sitting right of the mute glyph -------------- */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-strip{
  --mlbd-volume-fill:85%;
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  width:var(--mlbd-volume-width,76px);
  /* Match whatever height ArtPlayer gives the control row rather than guessing a number,
     so the slider's hit area lines up with the buttons on either side of it. */
  align-self:stretch;
  padding:0 8px 0 2px;
  box-sizing:border-box;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-range{
  -webkit-appearance:none;appearance:none;
  width:100%;height:4px;margin:0;padding:0;
  border-radius:99px;
  background:linear-gradient(
    to right,
    var(--mlbd-player-accent,#22c7d9) 0,
    var(--mlbd-player-accent,#22c7d9) var(--mlbd-volume-fill),
    rgba(255,255,255,.28) var(--mlbd-volume-fill),
    rgba(255,255,255,.28) 100%
  );
  cursor:pointer;
  touch-action:none;   /* a drag on the slider must not scroll the page */
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-strip.is-muted .mlbd-volume-range{
  background:rgba(255,255,255,.28);
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-range::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:12px;height:12px;border-radius:50%;border:0;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.55);
  cursor:pointer;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-range::-moz-range-thumb{
  width:12px;height:12px;border-radius:50%;border:0;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.55);
  cursor:pointer;
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .mlbd-volume-range:focus-visible{
  outline:2px solid var(--mlbd-player-accent,#22c7d9);outline-offset:3px;
}

/* A narrow player cannot spend 76px on volume and still show the time. */
@media(max-width:560px){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready{
    --mlbd-control-box:32px;
    --mlbd-control-icon:20px;
    --mlbd-volume-width:56px;
  }
}
@media(max-width:400px){
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready{--mlbd-volume-width:46px}
  .mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-controls .art-control-time{padding:0 5px!important;font-size:11px!important}
}

/* =====================================================================
   V77.90.15 — one inset for every edge of the player chrome.
   Measured before: windowed, the selector bar sat 6px from the top while
   the control row sat 7px from the sides and 2px from the bottom; in
   fullscreen the selector bar jumped to 14px and the control row did not
   move at all. Three different gaps on four edges, and in fullscreen the
   top bar was pinned hard against the frame. Both bars read the same two
   variables now, so the chrome is inset by the same amount on every side
   and fullscreen simply widens it.
   ===================================================================== */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready{
  --mlbd-chrome-inset-x:10px;
  --mlbd-chrome-inset-y:8px;
}
/* Fullscreen is edge-to-edge glass: give the chrome real breathing room, and clear the
   notch / rounded corners / home indicator instead of sitting underneath them. env()
   resolves to 0 on hardware without cutouts, so the max() floor is what applies there. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready.art-fullscreen,
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready.art-fullscreen-web{
  --mlbd-chrome-inset-x:max(22px, env(safe-area-inset-left), env(safe-area-inset-right));
  --mlbd-chrome-inset-y:max(20px, env(safe-area-inset-top));
}
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready > .mlbd-inline-player__selectors{
  top:var(--mlbd-chrome-inset-y)!important;
  left:var(--mlbd-chrome-inset-x)!important;
  right:var(--mlbd-chrome-inset-x)!important;
  max-width:none!important;
}
/* Inset the whole .art-bottom rather than the timeline and the control row separately:
   ArtPlayer measures .art-control-progress's own rect for seeking, so moving its parent
   keeps that math correct while both children shift together. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready .art-bottom{
  padding-left:var(--mlbd-chrome-inset-x)!important;
  padding-right:var(--mlbd-chrome-inset-x)!important;
  padding-bottom:max(var(--mlbd-chrome-inset-y), env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
}
/* The flyout hangs off the selector bar, so it follows the same inset. */
.mlbd-inline-player .art-video-player.mlbd-artplayer-ready > .mlbd-inline-flyout{
  right:var(--mlbd-chrome-inset-x)!important;
}