/* Rank-band star glyphs and their per-host sizes. */
.profile-elo-stars    { letter-spacing: 0.5px; }
.profile-stat-stars   { font-size: 0.95rem; letter-spacing: 1px; line-height: 1; margin-top: 2px; }
.battlefield-elo-stars { font-size: 0.78rem; font-weight: 700; margin-left: 4px; }
.lv-elo-stars         { font-size: 0.76rem; font-weight: 700; letter-spacing: 0.5px; }
.gameover-elo-stars   { font-size: 0.95rem; letter-spacing: 1px; margin-left: 4px; }
.hq-tile-stars        { font-size: 0.95rem; letter-spacing: 1px; line-height: 1; }

/* JS emits both full + compact forms; CSS picks one. ≤1024px shows compact so 7-star never overflows. */
.elo-stars              { color: var(--accent-gold); white-space: nowrap; display: inline-block; }
.elo-stars-full         { display: inline; }
.elo-stars-compact      { display: none; }
@media (max-width: 1024px) {
  .elo-stars-full     { display: none; }
  .elo-stars-compact  { display: inline; font-weight: 700; }
}
/* ☆ glyph too thin at gold tone — muted colour + bolder weight reads as "tier indicator, currently empty". */
.elo-stars-empty                    { color: var(--text-muted); opacity: 1; }
.elo-stars-empty .elo-stars-full    { font-size: 1.25em; font-weight: 900; }
.elo-stars-empty .elo-stars-compact { font-weight: 800; }