/* Для лидеров и друзей */

/* Инициалы поверх аватара (если нет фото) */

.screen {position:relative;height:100%;width:100%}

/*
 * Правило для картинки внутри карточки игрока, а не для общего фона игры.
 *
 * Имя класса «bg» занято главным фоном страницы (div#gameBackground):
 * этот файл подключается позже общего, поэтому фон всей игры становился
 * absolute вместо fixed и растягивался на 1.01 своей высоты. Из-за
 * лишних двух десятков пикселей внизу документ считался прокручиваемым,
 * и палец, докрутивший раздел до конца, упирался в пустоту вместо
 * последнего блока. Селектор ограничен карточкой.
 */
.screen > .bg {
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;
  transform:scale(1.01);
}

.hud {
  position:absolute;left:0;right:0;bottom:0;
  padding:18px 18px calc(18px + var(--safe-b));
  display:flex;justify-content:center;
}

.bar {width:100%;height:auto;display:block}

/* отдельная “пульсация” без вращения */

@keyframes rays-spin {
  from { transform: rotate(0deg) translateY(-2%); }
  to   { transform: rotate(360deg) translateY(-2%); }
}

@keyframes rays-pulse {
  0%,100% { opacity:.20; transform: scale(1); filter: blur(0px); }
  50%     { opacity:.42; transform: scale(1.4); filter: blur(.7px); }
}