/* Top-3 leaderboard rows get a podium treatment: a glowing, flickering medal
   edge and a matching avatar. Gold for 1st, silver for 2nd, bronze for 3rd.
   Modeled on the watchlist fire glow, recolored per place. */
.lb__row.onfire {
  position: relative;
  z-index: 1;
  border-radius: 12px;
  outline: 1px solid var(--medal-line);
  background: linear-gradient(90deg, color-mix(in oklab, var(--medal) 13%, transparent), transparent 66%);
  animation: medalGlow 1.7s ease-in-out infinite;
}
.lb__row.onfire[data-rank="1"] { --medal: #ffcf33; --medal-line: rgba(255, 213, 74, 0.62); }
.lb__row.onfire[data-rank="2"] { --medal: #d6dee8; --medal-line: rgba(214, 222, 232, 0.55); }
.lb__row.onfire[data-rank="3"] { --medal: #db8b46; --medal-line: rgba(219, 139, 70, 0.58); }

.lb__row.onfire .lb__rank { color: var(--medal); font-weight: 800; }
.lb__row.onfire .lb__name { color: #fff; }

/* Medal-colored avatar, overriding the inline green gradient. */
.lb__row.onfire[data-rank="1"] .lb__ava { background: linear-gradient(135deg, #ffe89a, #f5b300) !important; }
.lb__row.onfire[data-rank="2"] .lb__ava { background: linear-gradient(135deg, #f1f4f9, #aab4c2) !important; }
.lb__row.onfire[data-rank="3"] .lb__ava { background: linear-gradient(135deg, #ecb078, #b87333) !important; }
.lb__row.onfire .lb__ava { box-shadow: 0 0 0 1.5px var(--medal), 0 0 9px color-mix(in oklab, var(--medal) 45%, transparent); }

@keyframes medalGlow {
  0%, 100% { box-shadow: 0 0 7px color-mix(in oklab, var(--medal) 48%, transparent), 0 0 16px color-mix(in oklab, var(--medal) 24%, transparent); }
  50% { box-shadow: 0 0 14px var(--medal), 0 0 32px color-mix(in oklab, var(--medal) 50%, transparent); }
}
@media (prefers-reduced-motion: reduce) {
  .lb__row.onfire { animation: none; box-shadow: 0 0 11px color-mix(in oklab, var(--medal) 45%, transparent); }
}