:root{--rank-good-fill:#e8f3ed;--rank-good-edge:#cbded3;--rank-good-ink:#245e43;--rank-neutral-fill:#f2f2f1;--rank-neutral-edge:#dededc;--rank-neutral-ink:#555555;--rank-bad-fill:#f8eaea;--rank-bad-edge:#e8cccc;--rank-bad-ink:#7b373d}.rank-badge{--rank-fill:var(--rank-neutral-fill);--rank-edge:var(--rank-neutral-edge);--rank-ink:var(--rank-neutral-ink);display:inline-flex;align-items:center;justify-content:center;gap:3px;flex:0 0 auto;width:-moz-fit-content;width:fit-content;max-width:100%;padding:3px 4px;border:1px solid var(--rank-edge);border-radius:5px;background:var(--rank-fill);color:var(--rank-ink);font:600 9px/1 var(--mono);letter-spacing:0;white-space:nowrap;vertical-align:middle}.rank-badge--good{--rank-fill:var(--rank-good-fill);--rank-edge:var(--rank-good-edge);--rank-ink:var(--rank-good-ink)}.rank-badge--bad{--rank-fill:var(--rank-bad-fill);--rank-edge:var(--rank-bad-edge);--rank-ink:var(--rank-bad-ink)}.rank-badge small{font:inherit;color:inherit;opacity:1;letter-spacing:0}.rank-badge[tabindex]{cursor:help}.rank-badge.pc-pct{margin-top:4px}.rank-badge.pl-key-r{margin:0 auto 7px}.pc-grid-basic{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.league-badge{--lb:var(--n-600);display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px 0 10px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--lb) 30%,transparent);border-radius:var(--r-pill);background:color-mix(in srgb,var(--lb) 9%,var(--surface-1));color:color-mix(in srgb,var(--lb) 80%,#000);font:700 11px/1 var(--mono);letter-spacing:.18em;white-space:nowrap}.league-badge i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--lb);box-shadow:0 0 0 3px color-mix(in srgb,var(--lb) 18%,transparent)}.league-badge b{font-weight:inherit;margin-right:-.18em}