/* Same shell height and top alignment for every ranking, including short lists. */
#rankingOverlay .ranking-modal{box-sizing:border-box;height:min(720px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;align-items:stretch;justify-content:flex-start}
#rankingOverlay .ranking-modal>small,#rankingOverlay .ranking-modal>h2,#rankingOverlay .ranking-tabs{flex:none}
#rankingOverlay .ranking-list{flex:1;min-height:0;overflow-y:auto;align-content:start;grid-auto-rows:max-content;scrollbar-gutter:stable}
#rankingOverlay .ranking-list>p{align-self:start;margin:8px 0}
@media(max-width:600px){#rankingOverlay .ranking-modal{height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:20px 12px}#rankingOverlay .ranking-tabs{flex-wrap:wrap}}