.player-series-navigator {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) minmax(280px, 1.25fr) auto;
  align-items: end;
  gap: 14px;
  margin-top: 13px;
  padding: 14px;
  border: 1px solid rgba(126, 242, 167, .22);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(13, 48, 29, .96), rgba(10, 26, 18, .96));
  box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 12px 30px rgba(0, 0, 0, .2);
}

.player-series-navigator[hidden] { display: none; }
.player-series-navigator__heading { display: flex; align-items: center; gap: 12px; min-width: 0; }
.player-series-navigator__heading > div { min-width: 0; }
.player-series-navigator__heading span,
.player-series-navigator label > span { display: block; color: #7ff2a7; font: 800 10px/1.2 "DM Sans", sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.player-series-navigator__heading strong { display: block; margin-top: 5px; overflow: hidden; color: #f4fff7; font: 700 14px/1.25 "Space Grotesk", sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.player-episode-picker-back,
.player-series-navigator__actions button {
  min-height: 44px;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 11px;
  background: rgba(255, 255, 255, .07);
  color: #eefbf2;
  font: 750 12px/1 "DM Sans", sans-serif;
}
.player-episode-picker-back { flex: 0 0 auto; padding: 0 13px; }
.player-series-navigator__selects { display: grid; grid-template-columns: minmax(110px, .7fr) minmax(160px, 1.3fr); gap: 9px; }
.player-series-navigator label { min-width: 0; }
.player-series-navigator select {
  width: 100%;
  min-height: 44px;
  margin-top: 5px;
  padding: 0 34px 0 11px;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 10px;
  background: #0b2116;
  color: #f4fff7;
  font: 700 13px/1 "DM Sans", sans-serif;
}
.player-series-navigator__actions { display: grid; grid-template-columns: repeat(2, minmax(104px, 1fr)); gap: 8px; }
.player-series-navigator__actions #playerMarkWatched { grid-column: 1 / -1; color: #91f6b4; }
.player-series-navigator__actions button { padding: 0 13px; }
.player-series-navigator button:hover,
.player-series-navigator button:focus-visible,
.player-series-navigator select:focus-visible { border-color: #7ff2a7; background-color: #17452a; outline: 2px solid rgba(127, 242, 167, .18); outline-offset: 2px; }
.player-series-navigator button:disabled { cursor: not-allowed; opacity: .38; }
.next-episode-countdown{position:absolute;z-index:4;right:42px;bottom:165px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:min(600px,calc(100% - 84px));padding:16px;border:1px solid rgba(126,242,167,.42);border-radius:16px;background:rgba(5,22,13,.96);box-shadow:0 22px 60px #000b}.next-episode-countdown[hidden]{display:none}.next-episode-countdown span{color:#76eca1;font-size:9px;font-weight:900;letter-spacing:.14em}.next-episode-countdown strong,.next-episode-countdown p{display:block;margin:4px 0 0}.next-episode-countdown p{color:#a9bcb0;font-size:11px}.next-episode-countdown button{min-height:42px;padding:0 13px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#ffffff0d;color:#effbf2;font-weight:800}.next-episode-countdown #playNextEpisodeNow{background:#67e998;color:#082014}

.player-modal.is-expanded .player-series-navigator,
.player-card:fullscreen .player-series-navigator,
.player-card:-webkit-full-screen .player-series-navigator { display: none; }

@media (max-width: 880px) {
  .player-series-navigator { grid-template-columns: 1fr 1.25fr; }
  .player-series-navigator__actions { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .player-series-navigator { grid-template-columns: 1fr; gap: 12px; margin-top: 10px; padding: 12px; }
  .player-series-navigator__heading { justify-content: space-between; }
  .player-series-navigator__heading > div { text-align: right; }
  .player-series-navigator__selects { grid-template-columns: 105px minmax(0, 1fr); }
  .player-series-navigator__actions { grid-column: auto; }
  .player-series-navigator__actions button { min-height: 48px; font-size: 13px; }
  .next-episode-countdown{position:fixed;right:10px;bottom:max(10px,env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;width:calc(100% - 20px);padding:13px}.next-episode-countdown>div{grid-column:1/-1}.next-episode-countdown button{min-height:46px}
}