/* Плеер Аллохи.

   Подключается сразу: за просмотром на страницу и приходят, а промежуточный
   кадр с кнопкой заставлял нажимать дважды — сперва по нему, потом по «play»
   внутри плеера. Отложенную загрузку берёт на себя loading="lazy",
   а свой кадр серии уходит плееру параметром poster. */

.player {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius);
  overflow: hidden;
  background: #000;
  border: 1px solid var(--rule);
  margin-bottom: var(--gap-5);
}

.player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* --- когда плеер не настроен --- */

.player-missing {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: var(--gap-5);
  text-align: center;
  color: var(--ink-2);
  font-size: var(--text-sm);
  background: var(--surface);
}

/* --- запасной вариант без JavaScript --- */

.player-noscript {
  position: absolute;
  left: 50%;
  bottom: var(--gap-4);
  transform: translateX(-50%);
  z-index: 2;
}

/* --- строка под плеером --- */

.player-bar {
  display: flex;
  gap: var(--gap-3);
  align-items: center;
  flex-wrap: wrap;
  margin-top: calc(var(--gap-5) * -1 + var(--gap-3));
  margin-bottom: var(--gap-5);
  font-size: var(--text-xs);
  color: var(--ink-3);
}