.rank-badge{--rank-size:26px;--rank-fill:var(--rank-1);--rank-ink:var(--rank-1-ink);width:var(--rank-size);height:var(--rank-size);flex:none;place-items:center;display:inline-grid;position:relative}.rank-badge.is-2{--rank-fill:var(--rank-2);--rank-ink:var(--rank-2-ink)}.rank-badge.is-3{--rank-fill:var(--rank-3);--rank-ink:var(--rank-3-ink)}.rank-badge>svg{grid-area:1/1;width:100%;height:100%;overflow:visible}.rank-badge-fill{fill:var(--rank-fill);stroke:var(--rank-fill);stroke-width:2.6px;stroke-linejoin:round}.rank-badge-ring{fill:var(--rank-ring,var(--bg));stroke:var(--rank-ring,var(--bg));stroke-width:7px;stroke-linejoin:round}.rank-badge>b{color:var(--rank-ink);font:600 calc(var(--rank-size) * .46) / 1 var(--font);font-variant-numeric:tabular-nums;grid-area:1/1}.rank-badge.is-1>b{translate:0 6%}:where(.ui-card) .rank-badge{--rank-ring:var(--card-solid)}.rank-on{flex:none;display:inline-grid;position:relative}.rank-on>:first-child{grid-area:1/1}.rank-on>.rank-badge{--rank-size:24px;position:absolute;bottom:-7px;right:-7px}.rank-on.is-head>.rank-badge{--rank-size:22px;bottom:-6px;right:-6px}