/* =========================================================
   V54 — RANK DINÂMICO POR TIME
   Estrelas = azul · Refúgos = vermelho · fallback neutro.
   ========================================================= */

.rank-emblem[data-team-side="estrelas"],
.rank-emblem[data-team-side="refugos"] {
  object-fit: contain;
  border-radius: 0;
  filter: none !important;
}

.rank-badge.team-estrelas,
.level-token.team-estrelas,
.team-rank-token.team-estrelas,
.profile-rank-main.team-estrelas,
.my-panel-exp.team-estrelas {
  --rank-team-accent: #1265d6;
  --rank-team-soft: #eaf3ff;
  --rank-team-line: #b7d3f6;
}

.rank-badge.team-refugos,
.level-token.team-refugos,
.team-rank-token.team-refugos,
.profile-rank-main.team-refugos,
.my-panel-exp.team-refugos {
  --rank-team-accent: #b51f2e;
  --rank-team-soft: #fff0f1;
  --rank-team-line: #efc0c5;
}

.rank-badge.team-estrelas,
.rank-badge.team-refugos,
.level-token.team-estrelas,
.level-token.team-refugos,
.team-rank-token.team-estrelas,
.team-rank-token.team-refugos {
  border-color: var(--rank-team-line) !important;
  background: linear-gradient(145deg, #fff, var(--rank-team-soft)) !important;
}

.rank-badge.team-estrelas .rank-badge-copy > b,
.rank-badge.team-refugos .rank-badge-copy > b,
.level-token.team-estrelas em,
.level-token.team-refugos em,
.team-rank-token.team-estrelas b,
.team-rank-token.team-refugos b {
  color: var(--rank-team-accent) !important;
}

.rank-badge .rank-emblem { width: 31px; height: 31px; }
.team-rank-token .rank-emblem { width: 24px; height: 24px; }
.level-token .rank-emblem { width: 26px; height: 26px; }
.profile-rank-main .rank-emblem.large { width: 46px; height: 46px; }

.rank-shift.team-estrelas { border-color: rgba(18, 101, 214, .20); }
.rank-shift.team-refugos { border-color: rgba(181, 31, 46, .20); }

.reveal-rank {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.reveal-rank .rank-emblem { width: 30px; height: 30px; flex: 0 0 30px; }

.my-panel-exp b {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.my-panel-exp b .rank-emblem { width: 28px; height: 28px; }

@media (max-width: 430px) {
  .rank-badge .rank-emblem { width: 29px; height: 29px; }
  .team-rank-token .rank-emblem { width: 22px; height: 22px; }
  .level-token .rank-emblem { width: 24px; height: 24px; }
}

/* Compatibilidade visual do antigo Rank E: a faixa inicial agora é exibida como F. */
.rank-f { color: #687b89; border-color: #cad5dc; }
.rank-meter i.rank-f { background: linear-gradient(90deg, #687b89, #98a9b4); }
.player-profile-photo.rank-f { color: #6c7d89; }
.player-profile-photo.rank-f::before { background: radial-gradient(circle, rgba(137, 156, 168, .34), rgba(137, 156, 168, 0) 68%); }
.rank-evolution-bars > span > i.rank-f { background: linear-gradient(#86a934, #688b18); }