/* ── Market League — golden glow attention animation ────────────────────────────
   Applied (by ml-glow.js) to any nav link / button / CTA that points at Market
   League, on every page. Draws the eye to the League to drive engagement.

   PERFORMANCE: the glow shadows are STATIC (painted once); only OPACITY animates,
   which is compositor-only — no per-frame repaint, so it does not heat devices the
   way animating box-shadow/text-shadow does. Animations pause when the tab is hidden
   (html.gw2-anim-paused, toggled by ml-glow.js) and honour prefers-reduced-motion. */

@keyframes mlGlowBreathe { 0%, 100% { opacity: .82; } 50% { opacity: 1; } }

/* Plain nav links → static glowing gold text, gently breathing. */
.ml-goldglow {
  color: #ffd76a !important;
  text-shadow: 0 0 8px rgba(255,207,94,.42);   /* static — painted once */
  animation: mlGlowBreathe 2.4s ease-in-out infinite;
  transition: color .2s ease;
}
.ml-goldglow:hover { color: #ffe6a6 !important; }

/* Buttons / chips / the LEAGUE ticker pill → static gold ring, breathing. */
.ml-goldpulse {
  box-shadow: 0 0 0 1.5px rgba(255,207,94,.55), 0 0 14px rgba(255,207,94,.5);   /* static */
  border-color: rgba(255,207,94,.6) !important;
  animation: mlGlowBreathe 2.4s ease-in-out infinite;
}

/* Pause every site-wide animation while the tab is backgrounded (battery + heat). */
html.gw2-anim-paused .ml-goldglow,
html.gw2-anim-paused .ml-goldpulse,
html.gw2-anim-paused .mlt-track,
html.gw2-anim-paused .gw2-liveTicker-track,
html.gw2-anim-paused .ml-track,
html.gw2-anim-paused .lc-head .lc-live::after { animation-play-state: paused !important; }

@media (prefers-reduced-motion: reduce) {
  .ml-goldglow, .ml-goldpulse { animation: none; opacity: 1; }
}