/* Kaleidorider character list — zoom via CSS only (images are uncropped) */
.kaleidorider-content .character-list-container .Character-SR,
.kaleidorider-content .character-list-container .Character-SSR,
.kaleidorider-content .character-list-container .Character-SSR-Plus,
.kaleidorider-content .character-list-container .Character-UR,
.kaleidorider-content .character-list-container .Character-SP,
.kaleidorider-content .character-list-container .Character-R,
.kaleidorider-content .character-list-container .Character-N,
.kaleidorider-content .character-list-container .Character-Tier-1,
.kaleidorider-content .character-list-container .Character-Tier-2,
.kaleidorider-content .character-list-container .Character-Tier-3,
.kaleidorider-content .character-list-container .Character-S,
.kaleidorider-content .character-list-container .Character-A {
  overflow: hidden;
}

.kaleidorider-content .character-list-container .character-image {
  object-fit: cover;
  /* Anchor on the head / upper body */
  object-position: center top;
  transform: scale(1.45);
  transform-origin: center top;
}

.kaleidorider-content .character-list-container .character-image:hover {
  transform: scale(1.46);
  transform-origin: center top;
}

/* Tier list: rarity frame around opaque avatars */
.kaleidorider-content .custom-tier-list-bsr .char-avatar-bsr.Character-SSR,
.kaleidorider-content .custom-tier-list-bsr .char-avatar-bsr.Character-SR,
.kaleidorider-content .custom-tier-list-bsr .char-avatar-bsr.Character-R,
.kaleidorider-content .custom-tier-list-bsr .char-avatar-bsr.Character-TIER-1 {
  box-sizing: border-box;
  padding: 2px;
}

.kaleidorider-content .custom-tier-list-bsr .char-avatar-bsr.Character-SSR {
  background: linear-gradient(160deg, #6e4c42 0%, #e0c870 65%);
}

.kaleidorider-content .custom-tier-list-bsr .char-avatar-bsr.Character-SR {
  background: linear-gradient(160deg, #2d2f4d 0%, var(--ty-accent-solid) 65%);
}

.kaleidorider-content .custom-tier-list-bsr .char-avatar-bsr.Character-R {
  background: linear-gradient(160deg, #1a2f5c 0%, #3b82f6 65%);
}

/* Character list: R = blue frame */
.kaleidorider-content .character-list-container .Character-R {
  background: linear-gradient(160deg, #1a2f5c 0%, #3b82f6 65%);
  border: none;
}

.kaleidorider-content .custom-tier-list-bsr .char-avatar-bsr.Character-TIER-1 {
  background: linear-gradient(160deg, #2d2d2d 0%, #6b7280 65%);
}

.kaleidorider-content .custom-tier-list-bsr .char-avatar-bsr img {
  border-radius: 1px;
}