body.has-rank-movement{--rank-width:36px;--change-width:44px;--rank-gap:24px;--player-gap:24px}
.rank-number{display:inline-block;width:36px;text-align:right;font-variant-numeric:tabular-nums}
.movement{display:inline-block;width:44px;margin:0 0 0 24px;text-align:center;font:600 12px/1.3 Arial,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.movement-up{color:#146b3a}.movement-down{color:#b42318}.movement-same,.movement-new{color:#526158}
body.has-rank-movement #players>tr:not(.oom-event-row)>td:first-child{width:calc(var(--rank-width) + var(--rank-gap) + var(--change-width) + 16px);min-width:calc(var(--rank-width) + var(--rank-gap) + var(--change-width) + 16px);text-align:left;white-space:nowrap}
body.has-rank-movement #players>tr:not(.oom-event-row)>td:nth-child(2),body.has-rank-movement .table-scroll>table>thead>tr>th:nth-child(2){padding-left:16px}
body.has-rank-movement .table-scroll>table>thead>tr>th:first-child{text-align:right;padding-right:calc(var(--rank-gap) + var(--change-width) + 8px)}
@media(max-width:640px){body.has-rank-movement #app .mobile-record-summary,body.has-rank-movement #app .mobile-leaderboard-legend{grid-template-columns:calc(var(--rank-width) + var(--rank-gap) + var(--change-width)) minmax(0,1fr) max-content;column-gap:var(--player-gap)}body.has-rank-movement .mobile-rank{white-space:nowrap;text-align:left}body.has-rank-movement .mobile-leaderboard-legend>span:first-child{box-sizing:border-box;padding-right:calc(var(--rank-gap) + var(--change-width));text-align:right}}

