/* Original member crest/avatar medallions — no PoE artwork.
   Tinted by each member's --hue (banner_hue). Reused across roster, profiles,
   dashboard highlights and leaderboard rows. */

.member-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 0;
  overflow: hidden;
  background: radial-gradient(
    circle at 30% 25%,
    hsl(var(--hue, 42) 45% 30%),
    hsl(var(--hue, 42) 40% 16%)
  );
  border: 2px solid hsl(var(--hue, 42) 55% 55% / 0.7);
  box-shadow: inset 0 0 8px hsl(var(--hue, 42) 60% 8% / 0.8);
  color: var(--color-parchment, #e7d8b8);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
.member-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.member-crest {
  font-family: var(--font-display, Georgia, serif);
  letter-spacing: 0.02em;
}

/* Sizes */
.member-avatar--sm { width: 2rem; height: 2rem; font-size: 0.85rem; }
.member-avatar--md { width: 3rem; height: 3rem; font-size: 1.25rem; }
.member-avatar--lg { width: 4.5rem; height: 4.5rem; font-size: 1.9rem; }

/* Gold-ringed medallion that frames achievement art (or an emoji fallback).
   Circles are a sanctioned curve — the hard-edge rule is for panels, not seals. */
.medallion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 35%, #34290f 0%, #211a0e 55%, #14100a 100%);
  border: 1px solid var(--color-gold-dim, #7a622f);
  box-shadow:
    0 0 0 3px var(--color-bg, #0e0c09),
    0 0 0 4px rgba(201, 162, 74, 0.4),
    inset 0 1px 3px rgba(0, 0, 0, 0.7);
}
.medallion--sm { width: 2.5rem; height: 2.5rem; }
.medallion--md { width: 3.25rem; height: 3.25rem; }
.medallion--lg { width: 4.25rem; height: 4.25rem; }
.medallion .achv-art { filter: drop-shadow(0 1px 2px rgba(0,0,0,0.8)); }
.medallion .achievement-icon { filter: saturate(0.85); }

/* PoE item art icons (hotlinked from web.poecdn.com). Square, framed — hard edges. */
.achv-art {
  display: inline-block;
  object-fit: contain;
  vertical-align: middle;
  image-rendering: -webkit-optimize-contrast;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.6));
}
.achv-art--sm { width: 1.5rem; height: 1.5rem; }
.achv-art--md { width: 2.25rem; height: 2.25rem; }
.achv-art--lg { width: 3rem; height: 3rem; }
.achievement-icon--sm { font-size: 1.2rem; }
.achievement-icon--md { font-size: 1.8rem; }
.achievement-icon--lg { font-size: 2.4rem; }

/* Bundled PoE class portraits (roster/profile avatars). Hard-edged framed tile. */
.class-portrait {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  overflow: hidden;
  border: 2px solid var(--color-border-strong, #55462c);
  background: #100d09;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.7);
}
.class-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.class-portrait img.is-avatar { object-position: center; }
.class-portrait--sm { width: 2rem; height: 2rem; }
.class-portrait--md { width: 3rem; height: 3rem; }
.class-portrait--lg { width: 4.5rem; height: 4.5rem; }