/* Optymalizacje katalogu postaci.
   Ograniczają renderowanie elementów poza ekranem oraz wyłączają kosztowną
   poświatę podążającą za kursorem tylko na stronie ze wszystkimi rolami. */

body.character-catalog-page {
  background: linear-gradient(180deg, #08090c 0%, #0a0b0f 45%, #07080a 100%);
}

body.character-catalog-page::before {
  display: none;
}

.character-catalog-page .character-card {
  content-visibility: auto;
  contain: layout paint style;
  contain-intrinsic-size: 470px;
}

.character-catalog-page .character-art,
.character-catalog-page .role-portrait {
  contain: paint;
}

@media (max-width: 760px) {
  .character-catalog-page .character-card {
    contain-intrinsic-size: 520px;
  }
}