.my-analyses-badges {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: var(--radius-12);
  background: var(--surface-1);
}

html[data-theme="dark"] .my-analyses-badges {
  background: #1f1f1f;
  border-color: rgba(255, 255, 255, 0.12);
}

.my-analyses-badges__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.my-analyses-badges__title {
  margin: 0;
  font-size: var(--fs-14);
  font-weight: 700;
}

.my-analyses-badges__link {
  font-size: 12px;
  font-weight: 650;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  opacity: 0.8;
}

.my-analyses-badges__place {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 650;
  color: var(--muted);
}

.my-analyses-badges__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.my-analyses-badges__empty {
  margin: 0;
  font-size: 13px;
  color: var(--muted);
}

/* ——— Crystal gem badge ——— */
.badge-chip {
  --gem: #64b5f6;
  --gem-deep: #1565c0;
  --gem-lite: #e3f2fd;
  --gem-glow: rgba(100, 181, 246, 0.45);

  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px 10px 10px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--gem) 40%, var(--border, rgba(255, 255, 255, 0.12)));
  background:
    radial-gradient(90% 120% at 8% 50%, color-mix(in srgb, var(--gem) 22%, transparent), transparent 55%),
    color-mix(in srgb, var(--header-fg, #fff) 3%, transparent);
  list-style: none;
}

.badge-chip__medal {
  position: relative;
  width: 44px;
  height: 52px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  filter: drop-shadow(0 4px 10px var(--gem-glow));
}

/* unused ribbon slot kept empty for older markup */
.badge-chip__ribbon {
  display: none;
}

.badge-chip__rank {
  position: relative;
  width: 38px;
  height: 48px;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: -0.03em;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  clip-path: polygon(50% 0%, 92% 22%, 92% 78%, 50% 100%, 8% 78%, 8% 22%);
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--gem-lite) 90%, #fff) 0%,
      var(--gem) 38%,
      var(--gem-deep) 72%,
      color-mix(in srgb, var(--gem-deep) 70%, #000) 100%
    );
  border: 0;
  box-shadow: none;
}

.badge-chip--crest .badge-chip__rank {
  clip-path: polygon(50% 0%, 100% 22%, 84% 100%, 16% 100%, 0% 22%);
  border-radius: 0;
}

/* crystal facets */
.badge-chip__rank::before {
  content: "";
  position: absolute;
  inset: 0;
  clip-path: inherit;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.55) 0 14%, transparent 15% 100%),
    linear-gradient(250deg, transparent 0 48%, rgba(255, 255, 255, 0.18) 49% 58%, transparent 59%),
    linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.28) 100%);
  pointer-events: none;
}

/* inner core shine */
.badge-chip__rank::after {
  content: "";
  position: absolute;
  top: 18%;
  left: 28%;
  width: 34%;
  height: 28%;
  border-radius: 40% 60% 50% 50%;
  background: rgba(255, 255, 255, 0.55);
  filter: blur(1.5px);
  pointer-events: none;
}

.badge-chip__label {
  min-width: 0;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

.badge-chip__title {
  font-weight: 800;
}

.badge-chip__sub {
  display: none;
}

/* Gems by place */
.badge-chip--place-1 {
  --gem: #ffd54f;
  --gem-deep: #f9a825;
  --gem-lite: #fff8e1;
  --gem-glow: rgba(255, 213, 79, 0.55);
}
.badge-chip--place-1 .badge-chip__rank { color: #3a2a00; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35); }

.badge-chip--place-2 {
  --gem: #eceff1;
  --gem-deep: #90a4ae;
  --gem-lite: #ffffff;
  --gem-glow: rgba(236, 239, 241, 0.4);
}
.badge-chip--place-2 .badge-chip__rank { color: #263238; text-shadow: none; }

.badge-chip--place-3 {
  --gem: #ffab91;
  --gem-deep: #e64a19;
  --gem-lite: #fbe9e7;
  --gem-glow: rgba(255, 171, 145, 0.5);
}
.badge-chip--place-3 .badge-chip__rank { color: #3e1400; text-shadow: none; }

.badge-chip--place-4 {
  --gem: #7e57c2;
  --gem-deep: #4527a0;
  --gem-lite: #ede7f6;
  --gem-glow: rgba(126, 87, 194, 0.5);
}

.badge-chip--place-5 {
  --gem: #26a69a;
  --gem-deep: #00695c;
  --gem-lite: #e0f2f1;
  --gem-glow: rgba(38, 166, 154, 0.5);
}

.badge-chip--place-6 {
  --gem: #42a5f5;
  --gem-deep: #1565c0;
  --gem-lite: #e3f2fd;
  --gem-glow: rgba(66, 165, 245, 0.5);
}

.badge-chip--place-7 {
  --gem: #ec407a;
  --gem-deep: #ad1457;
  --gem-lite: #fce4ec;
  --gem-glow: rgba(236, 64, 122, 0.5);
}

.badge-chip--place-8 {
  --gem: #66bb6a;
  --gem-deep: #2e7d32;
  --gem-lite: #e8f5e9;
  --gem-glow: rgba(102, 187, 106, 0.5);
}

.badge-chip--place-9 {
  --gem: #29b6f6;
  --gem-deep: #0277bd;
  --gem-lite: #e1f5fe;
  --gem-glow: rgba(41, 182, 246, 0.5);
}

.badge-chip--place-10 {
  --gem: #ff7043;
  --gem-deep: #d84315;
  --gem-lite: #fbe9e7;
  --gem-glow: rgba(255, 112, 67, 0.5);
}