/* Member-card awards use the profile's existing accent and stay readable at a glance. */
.slay-site :is(.member-card,.leader-card) .profile-card-badges.has-badges {
  overflow: visible;
  gap: 3px;
}
.slay-site :is(.member-card,.leader-card) .profile-card-chip {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 31px;
  max-width: min(100%, 190px);
  padding: 3px 8px 3px 20px;
  gap: 7px;
  border-radius: 10px;
  border-color: color-mix(in srgb, var(--chip-accent) 70%, var(--chip-border));
  background: linear-gradient(125deg, color-mix(in srgb,var(--chip-accent) 19%,var(--chip-surface)), var(--chip-surface) 55%, #130e14);
  color: color-mix(in srgb,var(--chip-accent) 72%,white);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
  box-shadow: inset 0 1px #ffffff25, 0 2px 9px color-mix(in srgb,var(--chip-accent) 20%,transparent);
}
.slay-site :is(.member-card,.leader-card) .profile-card-chip>i {
  display: grid;
  place-items: center;
  width: 21px;
  height: 21px;
  border-radius: 7px;
  background: color-mix(in srgb,var(--chip-accent) 17%,#170d15);
  font-size: 15px;
}
.slay-site :is(.member-card,.leader-card) .profile-card-chip::before {
  content: '✦';
  position: absolute;
  left: 7px;
  color: var(--chip-accent);
  font-size: 9px;
  opacity: .8;
}
.slay-site :is(.member-card,.leader-card) .profile-card-chip::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -45% auto -45% -55%;
  width: 36%;
  background: linear-gradient(90deg,transparent,#ffffff42,transparent);
  transform: translateX(-80%) rotate(18deg);
  animation: slay-award-glint 6s ease-in-out infinite;
  pointer-events: none;
}
.slay-site :is(.member-card,.leader-card) .profile-card-badges:has(.profile-card-badge-row:nth-child(2)) .profile-card-chip {
  min-height: 19px;
  padding-block: 1px;
  border-radius: 7px;
  font-size: 10px;
  gap: 5px;
}
.slay-site :is(.member-card,.leader-card) .profile-card-badges:has(.profile-card-badge-row:nth-child(2)) .profile-card-chip>i {
  width: 15px;
  height: 15px;
  border-radius: 5px;
  font-size: 11px;
}
.slay-site :is(.member-card,.leader-card) .profile-card-badge-extra { border-radius: 7px; padding: 3px 5px; }
@keyframes slay-award-glint {
  0%, 72% { transform: translateX(-80%) rotate(18deg); opacity: 0; }
  76% { opacity: .75; }
  90%, 100% { transform: translateX(600%) rotate(18deg); opacity: 0; }
}
@media (max-width: 700px) {
  .slay-site :is(.member-card,.leader-card) .profile-card-chip { max-width: 100%; min-height: 30px; padding-inline: 7px 17px; gap: 5px; font-size: 11px; }
  .slay-site :is(.member-card,.leader-card) .profile-card-chip>i { width: 19px; height: 19px; font-size: 14px; }
  .slay-site :is(.member-card,.leader-card) .profile-card-chip::before { left: 6px; font-size: 8px; }
  .slay-site :is(.member-card,.leader-card) .profile-card-badges:has(.profile-card-badge-row:nth-child(2)) .profile-card-chip { font-size: 10px; min-height: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .slay-site :is(.member-card,.leader-card) .profile-card-chip::after { animation: none; opacity: 0; }
}