/* Escala visual unica para sprites de personagens fora da batalha. */
:root {
  --nrmt-character-sprite-xs: 34px;
  --nrmt-character-sprite-sm: 44px;
  --nrmt-character-sprite-md: 64px;
  --nrmt-character-sprite-lg: 112px;
  --nrmt-character-sprite-reveal-w: 80px;
  --nrmt-character-sprite-reveal-h: 96px;
}

/* Cada lista continua compacta, mas todos os ninjas ocupam a mesma caixa. */
.nrmt-bi-loadout-ninja > img,
.nrmt-bi-party-card > img,
.nrmt-bi-helper-ninja > img,
.nrmt-inv-ninja img,
.nrmt-skin-ninja-list img,
.nrmt-trade-ninja img,
.nrmt-admin-character img,
.nrmt-admin-edit-character > img,
.nrmt-edo-team img,
.xp-sleep-ninja img,
.nrmt-bi-ninja-metric > img,
.nrmt-bi-party-head > img,
.nrmt-rank-personal > img,
.nrmt-rank-table article img,
.nrmt-global-summon > img,
.nrmt-roster-card img {
  box-sizing: border-box !important;
  width: var(--nrmt-character-sprite-sm) !important;
  height: var(--nrmt-character-sprite-sm) !important;
  max-width: var(--nrmt-character-sprite-sm) !important;
  max-height: var(--nrmt-character-sprite-sm) !important;
  padding: 2px !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  image-rendering: pixelated !important;
}

.nrmt-bi-loadout-ninja > img,
.nrmt-bi-party-card > img {
  width: var(--nrmt-character-sprite-xs) !important;
  height: var(--nrmt-character-sprite-xs) !important;
  max-width: var(--nrmt-character-sprite-xs) !important;
  max-height: var(--nrmt-character-sprite-xs) !important;
}

/* Cards de personagens e seus detalhes usam quadros quadrados previsiveis. */
.nrmt-ninja-card__portrait,
.nto-character-portrait,
.nrmt-profile-carousel__avatar,
.nrmt-forge-ninja__portrait,
.nrmt-pvp-lineup-portrait {
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
}

.nrmt-ninja-card__portrait {
  width: 72px !important;
  height: 72px !important;
}

.nrmt-forge-ninja__portrait {
  width: 72px !important;
  height: 72px !important;
}

.nrmt-pvp-lineup-portrait {
  width: 48px !important;
  height: 48px !important;
}

.nrmt-ninja-card__portrait img,
.nto-character-portrait img,
.nrmt-profile-carousel__avatar img,
.nrmt-forge-ninja__portrait img,
.nrmt-pvp-lineup-portrait img {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  padding: 4px !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  image-rendering: pixelated !important;
}

.nrmt-ninja-detail-hero > img,
.nrmt-skin-current > img,
.nrmt-skin-card__visual img,
.nrmt-summon-portrait img,
.nrmt-team-transition__content img,
img.nrmt-profile-portrait {
  box-sizing: border-box !important;
  width: var(--nrmt-character-sprite-lg) !important;
  height: var(--nrmt-character-sprite-lg) !important;
  max-width: var(--nrmt-character-sprite-lg) !important;
  max-height: var(--nrmt-character-sprite-lg) !important;
  padding: 5px !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  image-rendering: pixelated !important;
}

.nrmt-ninja-summoner > img,
.nrmt-market-card.is-character .nrmt-market-card__icon img {
  box-sizing: border-box !important;
  width: var(--nrmt-character-sprite-md) !important;
  height: var(--nrmt-character-sprite-md) !important;
  max-width: var(--nrmt-character-sprite-md) !important;
  max-height: var(--nrmt-character-sprite-md) !important;
  padding: 3px !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  image-rendering: pixelated !important;
}

.nrmt-rank-avatar img,
.nrmt-forge-result > img,
.nrmt-profile-portrait img {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  padding: 7px !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  image-rendering: pixelated !important;
}

.nrmt-ninja-history-row img {
  box-sizing: border-box !important;
  width: var(--nrmt-character-sprite-xs) !important;
  height: var(--nrmt-character-sprite-xs) !important;
  padding: 2px !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
}

.nrmt-summon-reel img,
.nrmt-five-live-card img,
.nrmt-summon-multi-grid img {
  box-sizing: border-box !important;
  width: var(--nrmt-character-sprite-reveal-w) !important;
  height: var(--nrmt-character-sprite-reveal-h) !important;
  max-width: var(--nrmt-character-sprite-reveal-w) !important;
  max-height: var(--nrmt-character-sprite-reveal-h) !important;
  padding: 4px !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  image-rendering: pixelated !important;
}

.nrmt-skin-card__visual img,
.nrmt-team-transition__content img {
  width: var(--nrmt-character-sprite-md) !important;
  height: var(--nrmt-character-sprite-md) !important;
  max-width: var(--nrmt-character-sprite-md) !important;
  max-height: var(--nrmt-character-sprite-md) !important;
}

/* O preview de spritesheet recebe a mesma escala do PNG equivalente. */
.nrmt-skin-sheet-avatar--list {
  width: var(--nrmt-character-sprite-sm) !important;
  height: var(--nrmt-character-sprite-sm) !important;
}

.nrmt-skin-sheet-avatar--current {
  width: var(--nrmt-character-sprite-lg) !important;
  height: var(--nrmt-character-sprite-lg) !important;
}

@media (max-width: 760px) {
  .nrmt-ninja-card__portrait {
    width: 72px !important;
    height: 72px !important;
  }

  .nrmt-five-live-card img {
    width: 56px !important;
    height: 70px !important;
  }
}