/* Profile Level text treatments — uses CSS vars from ProfileLevelVisuals */

.profile-level-overlay__label,
.profile-level-overlay__number,
.profile-level-overlay__popover-head,
.connections-row__level-pill {
  color: var(--pl-text-color, var(--accent));
  -webkit-text-fill-color: var(--pl-text-fill, var(--pl-text-color, var(--accent)));
  background-image: var(--pl-text-gradient, none);
  background-size: 200% 200%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: var(--pl-text-shadow, none);
}

.profile-level-overlay[data-pl-tier]:not([data-pl-tier="early"]) .profile-level-overlay__label {
  opacity: 1;
}

.profile-level-overlay[data-pl-tier]:not([data-pl-tier="early"]) .profile-level-overlay__symbol {
  opacity: 0.96;
}

.profile-level-overlay__symbol {
  color: var(--pl-text-color, var(--accent));
  -webkit-text-fill-color: var(--pl-text-fill, var(--pl-text-color, var(--accent)));
  background-image: var(--pl-text-gradient, none);
  background-size: 200% 200%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  opacity: 0.92;
}

.profile-level-overlay[data-pl-tier]:not([data-pl-tier="early"]) .profile-level-overlay__badge,
.connections-row__level-pill[data-pl-tier]:not([data-pl-tier="early"]) {
  box-shadow:
    var(--pl-badge-glow, 0 0 14px var(--accent-glow-soft)),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Elite / mythic / max subtle motion */
.profile-level-overlay[data-pl-anim="pulse-glow"] .profile-level-overlay__label,
.profile-level-overlay[data-pl-anim="pulse-glow"] .profile-level-overlay__number,
.profile-level-overlay[data-pl-anim="pulse-glow"] .profile-level-overlay__symbol {
  animation: pl-pulse-glow 3.6s ease-in-out infinite;
}

.profile-level-overlay[data-pl-anim="shimmer-gold"] .profile-level-overlay__label,
.profile-level-overlay[data-pl-anim="shimmer-gold"] .profile-level-overlay__number,
.profile-level-overlay[data-pl-anim="shimmer-gold"] .profile-level-overlay__symbol,
.profile-level-overlay[data-pl-anim="shimmer-platinum"] .profile-level-overlay__label,
.profile-level-overlay[data-pl-anim="shimmer-platinum"] .profile-level-overlay__number,
.profile-level-overlay[data-pl-anim="shimmer-platinum"] .profile-level-overlay__symbol {
  animation: pl-shimmer 2.8s ease-in-out infinite;
}

.profile-level-overlay[data-pl-anim="shift-molten"] .profile-level-overlay__label,
.profile-level-overlay[data-pl-anim="shift-molten"] .profile-level-overlay__number,
.profile-level-overlay[data-pl-anim="shift-molten"] .profile-level-overlay__symbol,
.profile-level-overlay[data-pl-anim="shift-cosmic"] .profile-level-overlay__label,
.profile-level-overlay[data-pl-anim="shift-cosmic"] .profile-level-overlay__number,
.profile-level-overlay[data-pl-anim="shift-cosmic"] .profile-level-overlay__symbol,
.profile-level-overlay[data-pl-anim="shift-rose-gold"] .profile-level-overlay__label,
.profile-level-overlay[data-pl-anim="shift-rose-gold"] .profile-level-overlay__number,
.profile-level-overlay[data-pl-anim="shift-rose-gold"] .profile-level-overlay__symbol {
  animation: pl-gradient-shift 3.2s ease-in-out infinite;
}

.profile-level-overlay[data-pl-anim="aurora"] .profile-level-overlay__label,
.profile-level-overlay[data-pl-anim="aurora"] .profile-level-overlay__number,
.profile-level-overlay[data-pl-anim="aurora"] .profile-level-overlay__symbol {
  animation: pl-aurora 4.5s ease-in-out infinite;
}

.profile-level-overlay[data-pl-anim="fire"] .profile-level-overlay__label,
.profile-level-overlay[data-pl-anim="fire"] .profile-level-overlay__number,
.profile-level-overlay[data-pl-anim="fire"] .profile-level-overlay__symbol {
  animation: pl-fire 2.6s ease-in-out infinite;
}

.profile-level-overlay[data-pl-anim="galaxy"] .profile-level-overlay__label,
.profile-level-overlay[data-pl-anim="galaxy"] .profile-level-overlay__number,
.profile-level-overlay[data-pl-anim="galaxy"] .profile-level-overlay__symbol {
  animation: pl-galaxy 5s ease-in-out infinite;
}

.profile-level-overlay[data-pl-anim="prismatic"] .profile-level-overlay__label,
.profile-level-overlay[data-pl-anim="prismatic"] .profile-level-overlay__number,
.profile-level-overlay[data-pl-anim="prismatic"] .profile-level-overlay__symbol,
.profile-level-overlay[data-pl-anim="rainbow-premium"] .profile-level-overlay__label,
.profile-level-overlay[data-pl-anim="rainbow-premium"] .profile-level-overlay__number,
.profile-level-overlay[data-pl-anim="rainbow-premium"] .profile-level-overlay__symbol {
  animation: pl-prismatic 3.4s linear infinite;
}

.profile-level-overlay[data-pl-anim="hue-cycle"] .profile-level-overlay__label,
.profile-level-overlay[data-pl-anim="hue-cycle"] .profile-level-overlay__number,
.profile-level-overlay[data-pl-anim="hue-cycle"] .profile-level-overlay__symbol {
  animation: pl-hue-cycle 0.75s linear infinite;
}

.profile-level-overlay[data-pl-anim="reduced"] .profile-level-overlay__label,
.profile-level-overlay[data-pl-anim="reduced"] .profile-level-overlay__number,
.profile-level-overlay[data-pl-anim="reduced"] .profile-level-overlay__symbol,
.connections-row__level-pill[data-pl-anim="reduced"] {
  animation: none;
}

.connections-row__level-pill[data-pl-anim="pulse-glow"] { animation: pl-pulse-glow 3.6s ease-in-out infinite; }
.connections-row__level-pill[data-pl-anim="shimmer-gold"],
.connections-row__level-pill[data-pl-anim="shimmer-platinum"] { animation: pl-shimmer 2.8s ease-in-out infinite; }
.connections-row__level-pill[data-pl-anim="shift-molten"],
.connections-row__level-pill[data-pl-anim="shift-cosmic"],
.connections-row__level-pill[data-pl-anim="shift-rose-gold"] { animation: pl-gradient-shift 3.2s ease-in-out infinite; }
.connections-row__level-pill[data-pl-anim="aurora"] { animation: pl-aurora 4.5s ease-in-out infinite; }
.connections-row__level-pill[data-pl-anim="fire"] { animation: pl-fire 2.6s ease-in-out infinite; }
.connections-row__level-pill[data-pl-anim="galaxy"] { animation: pl-galaxy 3.8s ease-in-out infinite; }
.connections-row__level-pill[data-pl-anim="prismatic"],
.connections-row__level-pill[data-pl-anim="rainbow-premium"] { animation: pl-prismatic 3.4s linear infinite; }
.connections-row__level-pill[data-pl-anim="hue-cycle"] { animation: pl-hue-cycle 0.75s linear infinite; }

@keyframes pl-shimmer {
  0%, 100% { background-position: 0% 50%; filter: brightness(1); }
  50% { background-position: 100% 50%; filter: brightness(1.18); }
}

@keyframes pl-gradient-shift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes pl-pulse-glow {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.12); }
}

@keyframes pl-aurora {
  0%, 100% { background-position: 0% 40%; filter: hue-rotate(0deg); }
  50% { background-position: 100% 60%; filter: hue-rotate(18deg); }
}

@keyframes pl-fire {
  0%, 100% { background-position: 0% 50%; filter: brightness(1); }
  50% { background-position: 80% 50%; filter: brightness(1.2); }
}

@keyframes pl-galaxy {
  0%, 100% { background-position: 0% 50%; filter: brightness(1); }
  50% { background-position: 100% 50%; filter: brightness(1.15); }
}

@keyframes pl-prismatic {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

@keyframes pl-hue-cycle {
  0% { filter: hue-rotate(0deg) brightness(1.12); }
  100% { filter: hue-rotate(360deg) brightness(1.12); }
}

@media (prefers-reduced-motion: reduce) {
  .profile-level-overlay[data-pl-anim] .profile-level-overlay__label,
  .profile-level-overlay[data-pl-anim] .profile-level-overlay__number,
  .profile-level-overlay[data-pl-anim] .profile-level-overlay__symbol,
  .connections-row__level-pill[data-pl-anim] {
    animation: none !important;
  }
}