/* ==========================================================================
   STICK ARENA RESKIN — RANK EMBLEMS
   Golden career-rank insignia generated by public/js/sa/sa-ranks.js.
   Load AFTER sa-core.css (consumes the --sa-gold / --sa-pixel tokens).
   ========================================================================== */

/* Emblem wrapper (a <span> around the SVG) or the inline <svg> itself. */
.sa-rank-emblem {
  display: inline-flex;
  vertical-align: middle;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .65));
}

.sa-rank-emblem svg {
  display: block;
}

/* Size variants — work whether the class sits on the wrapper or the SVG. */
.sa-rank-emblem--sm,
.sa-rank-emblem--sm svg {
  width: 16px;
  height: 16px;
}

.sa-rank-emblem--md,
.sa-rank-emblem--md svg {
  width: 24px;
  height: 24px;
}

.sa-rank-emblem--lg,
.sa-rank-emblem--lg svg {
  width: 48px;
  height: 48px;
}

.sa-rank-emblem--xl,
.sa-rank-emblem--xl svg {
  width: 64px;
  height: 64px;
}

/* "Rank N: X Kills" label, Stick Arena pixel style. */
.sa-rank-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--sa-pixel, 'Silkscreen', 'Courier New', monospace);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--sa-gold, #ffd23f);
  text-shadow: 1px 1px 0 var(--sa-gold-outline, #5c4304);
}

.sa-rank-label .sa-rank-emblem {
  flex: 0 0 auto;
}