.pl-league-list { width:100%; display:grid; gap:9px; margin:14px 0 7px; text-align:start; }
.pl-league-list[hidden] { display:none!important; }
.pl-league-heading { margin:0 2px 2px; font-size:13px; font-weight:800; color:var(--identity-muted,var(--muted,#91a0ad)); }
.pl-league-loading,.pl-league-empty { margin:0; padding:13px 15px; border:1px solid var(--line,#28343a); border-radius:13px; color:var(--identity-muted,var(--muted,#91a0ad)); font-size:12px; }
.pl-league-card { overflow:hidden; border-radius:16px; border:1px solid var(--line,#27363b); background:var(--identity-panel,var(--panel2,#111b1f)); }
.pl-league-head { display:flex; align-items:center; gap:12px; padding:12px 14px 8px; }
.pl-league-badge { width:84px; height:84px; object-fit:contain; flex:none; }
.pl-league-info { flex:1; min-width:0; display:grid; gap:3px; }
.pl-league-title { display:flex; align-items:center; gap:7px; }
.pl-league-title strong { color:var(--identity-ink,var(--text,#edf1f2)); font-size:16px; line-height:1.3; }
.pl-league-game-icon { width:25px; height:25px; object-fit:contain; }
.pl-league-name { color:var(--identity-muted,var(--muted,#9aaab3)); font-size:12px; }
.pl-league-points { display:flex; align-items:center; flex-wrap:wrap; gap:5px; color:var(--identity-muted,var(--muted,#9aaab3)); font-size:11px; }
.pl-league-points strong { color:var(--identity-ink,var(--text,#f4f5f6)); font-size:20px; font-variant-numeric:tabular-nums; }
.pl-league-trophy { font-size:17px; }
.pl-league-position { color:var(--identity-muted,var(--muted,#9aaab3)); font-size:11px; white-space:nowrap; }
.pl-league-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0 10px 9px; padding:10px 0; border:1px solid var(--line,#27363b); border-radius:12px; background:rgba(125,145,150,.055); }
.pl-league-stat { min-width:0; display:grid; justify-items:center; gap:4px; padding:0 4px; border-inline-end:1px solid var(--line,#27363b); }
.pl-league-stat:last-child { border:0; }
.pl-league-stat strong { color:var(--identity-ink,var(--text,#f3f5f6)); font-size:15px; font-variant-numeric:tabular-nums; }
.pl-league-stat span { color:var(--identity-muted,var(--muted,#9aaab3)); font-size:10px; white-space:nowrap; }
.pl-league-foot { padding:0 13px 10px; color:var(--identity-muted,var(--muted,#9aaab3)); font-size:10px; }
@media(max-width:380px) { .pl-league-head { gap:8px; padding-inline:9px; } .pl-league-badge { width:65px; height:65px; } .pl-league-position { font-size:10px; } .pl-league-stat span { font-size:9px; } }
.pl-league-badge-wrap { width:84px; height:84px; position:relative; flex:none; display:grid; place-items:center; }
.pl-league-badge-wrap .pl-league-badge { width:100%; height:100%; }
.pl-league-number { position:absolute; inset:0; display:grid; place-items:center; padding-top:1px; color:#fff5cc; font-size:22px; line-height:1; font-weight:900; text-shadow:0 2px 3px #080b0e,0 0 5px #080b0e; font-variant-numeric:tabular-nums; pointer-events:none; }
@media(max-width:380px) { .pl-league-badge-wrap { width:65px; height:65px; } .pl-league-number { font-size:18px; } }
.pl-league-head { direction:ltr; }
.pl-league-info { direction:rtl; text-align:right; }
html[lang^="en"] .pl-league-info { direction:ltr; text-align:left; }
.pl-league-badge-wrap .pl-league-rays { position:absolute; 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; }
.pl-league-badge-wrap .pl-league-badge { position:relative; z-index:1; }
.pl-league-number { z-index:2; }
@keyframes pl-legendary-rotate { to { transform:rotate(360deg); } }
@keyframes pl-legendary-glow { 50% { filter:brightness(1.28); } }
@media (prefers-reduced-motion:reduce) { .pl-league-badge-wrap .pl-league-rays { animation:none; } }
/* Center the position on the artwork's shield, whose legendary asset is offset. */
.pl-league-number { inset:auto; left:49%; top:49%; padding:0; transform:translate(-50%,-50%); display:block; white-space:nowrap; }
.pl-league-face[data-league="legendary"] .pl-league-number { left:55.5%; top:50%; }
.pl-league-points { direction:rtl; padding-inline-start:22px; flex-wrap:nowrap; justify-content:flex-start; }
html[lang^="en"] .pl-league-points { direction:ltr; flex-direction:row-reverse; justify-content:flex-end; padding-inline-start:0; padding-inline-end:22px; }
.pl-league-flip-card { overflow:visible; border:0; background:transparent; perspective:900px; }
.pl-league-flip { display:grid; width:100%; padding:0; border:0; border-radius:16px; background:transparent; color:inherit; text-align:inherit; font:inherit; cursor:pointer; }
.pl-league-flip:focus-visible { outline:2px solid #2385dc; outline-offset:3px; }
.pl-league-face { grid-area:1 / 1; min-width:0; border-radius:16px; border:1px solid var(--line,#27363b); background:var(--identity-panel,var(--panel2,#111b1f)); backface-visibility:hidden; -webkit-backface-visibility:hidden; transition:transform .5s ease; }
.pl-league-front { transform:rotateY(0deg); }
.pl-league-back { transform:rotateY(180deg); }
.pl-league-flip.is-flipped .pl-league-front { transform:rotateY(-180deg); }
.pl-league-flip.is-flipped .pl-league-back { transform:rotateY(0deg); }
.pl-league-empty-face { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; min-height:110px; padding:14px; box-sizing:border-box; color:var(--identity-ink,var(--text,#edf1f2)); }
.pl-league-empty-face span { color:var(--identity-muted,var(--muted,#91a0ad)); font-size:12px; }
@media (prefers-reduced-motion:reduce) { .pl-league-face { transition:none; } }