/* --- badge --- */
.mn-badge{--bg:#222;--fg:#eee;--ring:rgba(255,255,255,.22);--glow:rgba(0,0,0,.25);display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;height:1.4rem;padding:0 .55rem;border-radius:999px;font-weight:800;font-size:.78rem;letter-spacing:.06em;text-transform:lowercase;color:var(--fg);background:var(--bg);line-height:1;margin-left:.45rem;position:relative;user-select:none;box-shadow:inset 0 0 0 1px var(--ring),0 4px 14px var(--glow)}
.mn-badge::after{content:"";position:absolute;inset:2px 4px auto 4px;height:40%;border-radius:999px;background:linear-gradient(to bottom,rgba(255,255,255,.18),rgba(255,255,255,0))}
.mn-t1{--bg:linear-gradient(135deg,#6d28d9,#a21caf,#ec4899);--fg:#ffe9f7}
.mn-t2{--bg:linear-gradient(135deg,#064e3b,#059669,#22c55e);--fg:#e6fffa}
.mn-t3{--bg:linear-gradient(135deg,#4a2f19,#b87333,#ffd27f);--fg:#fff7e6}
.mn-badge--sm{min-width:1.8rem;height:1.2rem;font-size:.7rem;padding:0 .45rem}

/* --- gradient names --- */
@keyframes shiftGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes textPulse{0%,100%{text-shadow:0 0 8px rgba(236,72,153,.25),0 0 18px rgba(124,58,237,.18)}50%{text-shadow:0 0 14px rgba(236,72,153,.45),0 0 28px rgba(124,58,237,.35)}}
@keyframes emeraldBreath{0%,100%{text-shadow:0 0 8px rgba(16,185,129,.25)}50%{text-shadow:0 0 18px rgba(16,185,129,.45)}}
@keyframes bronzeGlow{0%,100%{text-shadow:0 0 8px rgba(205,127,50,.25)}50%{text-shadow:0 0 18px rgba(255,210,127,.35)}}

.name-t1{background:linear-gradient(45deg,#7c3aed 0%,#c026d3 40%,#ec4899 70%,#f472b6 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shiftGradient 6s ease-in-out infinite,textPulse 4s ease-in-out infinite}
.name-t2{background:linear-gradient(45deg,#10b981 0%,#22c55e 60%,#34d399 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:emeraldBreath 5s ease-in-out infinite}
.name-t3{background:linear-gradient(45deg,#8c5a2b 0%,#cd7f32 35%,#b87333 70%,#ffd27f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:bronzeGlow 5s ease-in-out infinite}

/* make it win inside headings/links (beats card/heading colors) */
h1 .name-t1,h1 .name-t2,h1 .name-t3,
h2 .name-t1,h2 .name-t2,h2 .name-t3,
h3 .name-t1,h3 .name-t2,h3 .name-t3,
h4 .name-t1,h4 .name-t2,h4 .name-t3,
h5 .name-t1,h5 .name-t2,h5 .name-t3,
h6 .name-t1,h6 .name-t2,h6 .name-t3,
a .name-t1, a .name-t2, a .name-t3{
  display:inline-block;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}

/* reduced-motion kindness */
@media (prefers-reduced-motion: reduce){
  .name-t1,.name-t2,.name-t3{animation:none!important}
}