.league-page{flex-direction:column;gap:16px;width:100%;max-width:560px;margin:0 auto;padding:24px 16px 48px;display:flex}.league-page[aria-busy]{align-items:center;padding-top:80px}.league-head{align-items:center;gap:14px;display:flex}.league-head .title{margin:0}.league-head p{margin:2px 0 0}.league-rows{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.league-rows li{background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--shadow);border-inline-start:4px solid #0000;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:12px 16px;display:grid}.league-rows li.up{border-inline-start-color:var(--good)}.league-rows li.down{border-inline-start-color:var(--bad)}.league-rows li.me{outline:2px solid var(--accent);font-weight:600}.league-rows .rank{color:var(--text-2);font-variant-numeric:tabular-nums}.league-rows li.up .rank{color:var(--good)}.league-rows li.down .rank{color:var(--bad)}.league-rows .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.league-rows .score{font-variant-numeric:tabular-nums}.league-legend{text-align:center;margin:0}.league-legend .up{color:var(--good)}.league-legend .down{color:var(--bad)}.league-empty,.league-result{text-align:center;align-items:center;padding-top:48px}.league-empty .title,.league-result .headline{margin:8px 0 0}.league-result-gem{filter:drop-shadow(0 12px 24px #6d3ef040)}.league-result-gem.up{animation:league-rise .7s var(--ease) both}@keyframes league-rise{0%{opacity:0;transform:translateY(24px)scale(.6)}to{opacity:1;transform:none}}.league-gain{border-radius:var(--pill);background:var(--surface);box-shadow:var(--shadow);color:var(--text);animation:league-pop .42s var(--ease) both;align-items:center;gap:8px;margin:4px auto 0;padding:8px 14px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}@keyframes league-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.league-badge{border-radius:var(--pill);vertical-align:middle;align-items:center;margin-inline-end:6px;padding:6px;display:inline-flex;position:relative}.league-badge:focus-visible{box-shadow:var(--focus);outline:none}.league-dot{top:3px;background:#d1307f;border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-end:3px}@media (prefers-reduced-motion:reduce){.league-result-gem.up,.league-gain{animation:none}}