/* Place the authoritative league position over the existing badge. */
.mm-rating-banner .mm-league-crest { position:relative; overflow:visible; isolation:isolate; }
.mm-rating-banner .mm-league-crest .mm-league-badge { position:relative; z-index:1; width:100%; height:100%; object-fit:contain; }
.mm-rating-banner .mm-league-crest .mm-league-position { position:absolute; z-index:2; left:49%; top:49%; transform:translate(-50%,-50%); color:#fff5cc; font:900 13px/1 system-ui,sans-serif; text-shadow:0 1px 2px #080b0e,0 0 4px #080b0e; font-variant-numeric:tabular-nums; pointer-events:none; }
.mm-rating-banner .mm-league-crest .mm-league-position[data-digits="2"] { font-size:11px; }
.mm-rating-banner .mm-league-crest .mm-league-position[data-digits="3"] { font-size:9px; }
.mm-rating-banner[data-league="legendary"] .mm-league-position { left:55.5%; top:50%; }
.mm-rating-banner .mm-league-crest .mm-league-rays { position:absolute; z-index:0; inset:-10%; width:120%; height:120%; object-fit:contain; opacity:.9; pointer-events:none; animation:pl-legendary-rotate 18s linear infinite,pl-legendary-glow 3.6s ease-in-out infinite; }
@media (prefers-reduced-motion:reduce) { .mm-rating-banner .mm-league-crest .mm-league-rays { animation:none; } }