/* Compact playback controls; site surfaces and typography remain independent. */
:is(#episode-player, [data-watch-ad-player]) .stream-panel .stream-action a {
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  gap:6px!important; min-width:126px!important; min-height:38px!important;
  padding:8px 15px!important; border:0!important; border-radius:4px!important;
  font-size:13px!important; font-weight:600!important; line-height:1.3!important;
  white-space:nowrap!important; text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 2px 5px rgba(0,0,0,.2)!important;
  transform:none!important;
}
:is(#episode-player, [data-watch-ad-player]) .stream-panel .stream-action a:hover {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 6px rgba(0,0,0,.25)!important;
}
:is(#episode-player, [data-watch-ad-player]) .stream-panel .stream-action a:active {
  box-shadow:inset 0 1px 3px rgba(0,0,0,.22)!important;
}
@media(max-width:640px){
  :is(#episode-player, [data-watch-ad-player]) .stream-row:has(> .stream-action){
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;
  }
  :is(#episode-player, [data-watch-ad-player]) .stream-row:has(> .stream-action) > .stream-details{width:auto!important;min-width:0!important;}
  :is(#episode-player, [data-watch-ad-player]) .stream-row > .stream-action{width:auto!important;}
  :is(#episode-player, [data-watch-ad-player]) .stream-panel .stream-action a{
    width:auto!important;min-width:108px!important;min-height:40px!important;padding:8px 12px!important;font-size:13px!important;
  }
}

/* Player marks from their official projects; dark brand-tinted controls. */
:is(#episode-player, [data-watch-ad-player]) .stream-row:has(> .stream-action a[href*="type=jwplayer"]) {
  --player-brand: #EC0041; --player-rgb: 236, 0, 65;
  --player-logo: url("/images/players/jwplayer.svg");
}
:is(#episode-player, [data-watch-ad-player]) .stream-row:has(> .stream-action a[href*="type=videojs"]) {
  --player-brand: #ff6200; --player-rgb: 255, 98, 0;
  --player-logo: url("/images/players/videojs.svg");
}
:is(#episode-player, [data-watch-ad-player]) .stream-row:has(> .stream-action a[href*="type=plyr"]) {
  --player-brand: #ffa81b; --player-rgb: 255, 168, 27;
  --player-logo: url("/images/players/plyr.svg");
}
:is(#episode-player, [data-watch-ad-player]) .stream-row:has(> .stream-action a[href*="type=shaka"]) {
  --player-brand: #37b34a; --player-rgb: 55, 179, 74;
  --player-logo: url("/images/players/shaka.png");
}
:is(#episode-player, [data-watch-ad-player]) .stream-row:has(> .stream-action a[href*="type=hjs"]) {
  --player-brand: #0066dc; --player-rgb: 0, 102, 220;
  --player-logo: url("/images/players/hls.svg");
}
:is(#episode-player, [data-watch-ad-player]) .stream-panel .stream-row:has(> .stream-action a:is([href*="type=jwplayer"], [href*="type=videojs"], [href*="type=plyr"], [href*="type=shaka"], [href*="type=hjs"])) > .stream-action a {
  background: linear-gradient(100deg, rgba(var(--player-rgb), .58), rgba(var(--player-rgb), .25)), #101315 !important;
  color: #e4e0da !important;
}
:is(#episode-player, [data-watch-ad-player]) .stream-panel .stream-row:has(> .stream-action a:is([href*="type=jwplayer"], [href*="type=videojs"], [href*="type=plyr"], [href*="type=shaka"], [href*="type=hjs"])) > .stream-action a:hover {
  background: linear-gradient(100deg, rgba(var(--player-rgb), .70), rgba(var(--player-rgb), .34)), #101315 !important;
}
:is(#episode-player, [data-watch-ad-player]) .stream-panel .stream-row:has(> .stream-action a:is([href*="type=jwplayer"], [href*="type=videojs"], [href*="type=plyr"], [href*="type=shaka"], [href*="type=hjs"])) .stream-icon {
  background: var(--player-logo) center / 78% 78% no-repeat, rgba(var(--player-rgb), .07) !important;
  color: transparent !important;
}
:is(#episode-player, [data-watch-ad-player]) .stream-panel .stream-row:has(> .stream-action a:is([href*="type=jwplayer"], [href*="type=videojs"], [href*="type=plyr"], [href*="type=shaka"], [href*="type=hjs"])) .stream-icon::before { content: none !important; }