/* Three selection columns are measured as outer field widths: 4 : 4 : 2. */
#songSelect#songSelect.hasRanking .selectBody{grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,2fr)!important;gap:22px}
#songSelect#songSelect.hasRanking .selectBody> *{min-width:0;max-width:100%}
#songSelect#songSelect.hasRanking .rankingHeading h2{font-size:clamp(15px,1.1vw,20px)}
.modeTopActions{position:absolute;top:24px;right:26px;z-index:20;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;max-width:calc(100% - 52px)}
#modeSelect .modeTopActions #performanceOpen,#modeSelect .modeTopActions .accountIdentity{position:static!important;inset:auto!important;width:auto!important;margin:0;flex-shrink:0}
@media(min-width:1001px){#songSelect#songSelect.hasRanking .rankingPane{grid-column:auto!important;min-height:0!important;max-height:none!important;border-top:0;border-left:1px solid #ffffff20;padding:10px 0 8px 18px}}
@media(max-width:1000px){#songSelect#songSelect.hasRanking .selectBody{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}#songSelect#songSelect.hasRanking .rankingPane{grid-column:1/-1}}
@media(max-width:600px){.modeTopActions{left:16px;right:16px;top:16px;max-width:none;gap:8px}#modeSelect .modeTopActions .accountIdentity{flex-wrap:wrap;justify-content:flex-end}#modeSelect .modeTopActions #performanceOpen{padding:8px 10px;font-size:11px}}