/* Rarity tier color codes — applied site-wide on any element with .rarity-pill */
.rarity-pill { font-weight: 800; letter-spacing: 0.06em; }
.rarity-mythic    { color:#ff3a3a !important; border-color:rgba(255,58,58,0.55) !important; text-shadow:0 0 8px rgba(255,58,58,0.55); background:rgba(255,58,58,0.12) !important; }
.rarity-legendary { color:#f4d03f !important; border-color:rgba(244,208,63,0.5) !important; text-shadow:0 0 6px rgba(244,208,63,0.4);  background:rgba(244,208,63,0.10) !important; }
/* 2026-05-13: Dedicated class for the 10 Unique 1/1 Kongs — extra-bright
   gold + breathing glow so they stand apart from percentile-based legendary. */
.rarity-legendary1of1 {
  color: #ffe89c !important;
  border-color: rgba(255, 232, 156, 0.8) !important;
  text-shadow: 0 0 10px rgba(244,208,63,0.85), 0 0 22px rgba(212,160,23,0.45);
  background: linear-gradient(135deg, rgba(244,208,63,0.22), rgba(212,160,23,0.12)) !important;
  box-shadow: 0 0 14px rgba(244,208,63,0.35), inset 0 0 6px rgba(255,232,156,0.18);
  animation: legendary1of1Pulse 2.6s ease-in-out infinite;
}
@keyframes legendary1of1Pulse {
  0%,100% { box-shadow: 0 0 12px rgba(244,208,63,0.28), inset 0 0 6px rgba(255,232,156,0.16); }
  50%     { box-shadow: 0 0 22px rgba(244,208,63,0.55), inset 0 0 9px rgba(255,232,156,0.28); }
}
.rarity-epic      { color:#c084fc !important; border-color:rgba(192,132,252,0.5) !important; text-shadow:0 0 6px rgba(192,132,252,0.35); background:rgba(192,132,252,0.10) !important; }
.rarity-rare      { color:#79e0ff !important; border-color:rgba(121,224,255,0.5) !important; text-shadow:0 0 5px rgba(121,224,255,0.30); background:rgba(121,224,255,0.10) !important; }
.rarity-uncommon  { color:#2ecc71 !important; border-color:rgba(46,204,113,0.4) !important;  background:rgba(46,204,113,0.08) !important; }
.rarity-common    { color:#9aa     !important; border-color:rgba(170,170,170,0.3) !important; background:rgba(170,170,170,0.08) !important; }
.rarity-loading   { color:rgba(255,255,255,0.3) !important; border-color:rgba(255,255,255,0.1) !important; background:rgba(0,0,0,0.4) !important; }
