#songSelect.hasRanking .selectBody{grid-template-columns:minmax(310px,360px) minmax(360px,1fr) minmax(280px,340px)!important;gap:22px}
#songSelect.hasRanking .songListPane{padding-left:18px!important}.rankingPane{min-width:0;min-height:0;display:flex;flex-direction:column;padding:10px 0 8px 18px;border-left:1px solid #ffffff20;overflow:hidden}.rankingHeading{display:flex;align-items:center;justify-content:space-between}.rankingHeading small{color:#70e6e7;letter-spacing:.16em;font-size:9px}.rankingHeading h2{font-size:20px;margin:7px 0}.rankingHeading button{background:#252b35;color:#d4f8ff;border:1px solid #ffffff30;width:34px;height:34px;font-size:20px}#rankingChart{font-size:12px;line-height:1.8;white-space:pre-line;color:#abbace;min-height:44px}.myBest{display:flex;flex-direction:column;gap:8px;background:#172c36;border-left:3px solid #67eaff;padding:14px 12px;min-height:68px;font-size:12px;line-height:1.6}.myBest small{font-size:9px;color:#72eaff;letter-spacing:.15em}.myBest strong{font-size:14px;color:#fff}.rankingColumns{display:flex;justify-content:space-between;color:#8e9db1;font-size:9px;margin-top:20px;padding-bottom:10px;border-bottom:1px solid #ffffff20}#rankingList{list-style:none;padding:0;margin:0;overflow:auto;flex:1;min-height:0}#rankingList li{display:grid;grid-template-columns:27px minmax(50px,1fr) auto;gap:8px;align-items:center;padding:14px 4px;border-bottom:1px solid #ffffff13}#rankingList li>b{font-size:18px;color:#8090a8}#rankingList li:nth-child(-n+3)>b{color:#ffdc86}#rankingList li>span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#rankingList li>div{text-align:right;display:flex;flex-direction:column;gap:4px}#rankingList strong{font-size:14px}#rankingList small{font-size:10px;color:#93c4d6}#rankingList .isMe{background:#61eaff13}.rankingNotice,#rankingStatus{font-size:10px;color:#8e9caf;line-height:1.8}#rankingStatus{min-height:22px}.accountIdentity{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#89eaff}.accountIdentity>button{border:1px solid #ffffff25;background:#232a34;color:#d5dfeb;padding:9px 10px;font-size:10px}#modeSelect>.accountIdentity{position:absolute;right:25px;top:24px;z-index:10}#songSelect .selectHeader{gap:12px;flex-wrap:wrap;height:auto;min-height:80px}.accountIdentity>span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#accountDialog{width:min(460px,92vw);max-height:92vh;padding:30px;background:#111923;border:1px solid #5edfff77;color:#eef7ff;box-shadow:0 25px 100px #000b;overflow:auto}#accountDialog::backdrop{background:#03060be6;backdrop-filter:blur(7px)}#accountForm{display:flex;flex-direction:column;gap:14px}.accountEyebrow{font-size:10px;color:#6eeaff;letter-spacing:.2em}#accountForm h2{font-size:25px;margin:0}.accountIntro{font-size:12px;color:#a9bacd;margin:0;line-height:1.7}#accountForm label{font-size:12px;display:flex;flex-direction:column;gap:7px;color:#bdcce0}#accountForm [hidden]{display:none!important}#accountForm input{background:#080e17;color:#fff;border:1px solid #ffffff35;padding:12px;font-size:15px;width:100%;box-sizing:border-box}#accountForm button{padding:12px;background:#242d3b;border:1px solid #ffffff30;color:#e6f6ff;font-weight:bold}.accountTabs{display:grid;grid-template-columns:1fr 1fr}.accountTabs .active,#accountSubmit{border-color:#6feaff!important;background:#1e4654!important}.accountGuest{background:#e9eeef!important;color:#10212b!important}.accountConsent{flex-direction:row!important;align-items:flex-start;line-height:1.7;font-size:11px!important}.accountConsent input{width:16px!important;flex-shrink:0;margin:4px 3px 0 0}.accountDisclosure{font-size:10px;color:#9aa9ba;line-height:1.7;margin:0}#accountMessage{font-size:12px;color:#ffbeaa;line-height:1.7;min-height:16px}#accountToast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:500;background:#101e2fee;color:#e4faff;border:1px solid #6de7ff88;padding:14px 20px;max-width:85vw;font-size:12px;display:none}#accountToast.show{display:block}#recordSaveStatus{position:absolute;bottom:58px;left:0;right:0;text-align:center;color:#8feeff;font-size:13px;z-index:20;pointer-events:none}
.accountHeaderActions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.accountHeaderActions .accountIdentity{width:auto}
#songSelect.hasRanking .selectBody{grid-template-columns:minmax(360px,420px) minmax(360px,1fr) minmax(280px,340px)!important}
#songSelect.hasRanking .trackHero .detailTop{grid-template-columns:132px minmax(0,1fr)!important;height:175px!important;min-height:175px!important}
#songSelect.hasRanking .trackHero .detailJacket{width:132px!important;height:132px!important}
#songSelect.hasRanking .detailMeta h2{font-size:26px!important;line-height:1.15!important;height:auto!important;max-height:3.45em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#songSelect.hasRanking #chartList .chartDiffName{font-size:9px!important;letter-spacing:0}
#songSelect.hasRanking #chartList .chartButton{padding:11px 2px!important;min-width:0}
#songSelect.hasRanking .ratingIcons{gap:0!important;justify-content:space-between}
@media(max-width:1250px){#songSelect.hasRanking .selectBody{grid-template-columns:minmax(280px,.9fr) minmax(330px,1.2fr)!important;overflow:auto}.rankingPane{grid-column:1/-1;min-height:320px;max-height:500px;border-top:1px solid #ffffff20;border-left:0;padding:20px 0}.accountIdentity{gap:4px}.accountIdentity>button{padding:7px;font-size:9px}}@media(max-width:800px){#songSelect.hasRanking .selectBody{display:flex!important;flex-direction:column}.rankingPane{flex-shrink:0;min-height:350px}.accountIdentity{width:100%}#modeSelect>.accountIdentity{width:auto;left:20px;right:20px;top:15px}#accountDialog{padding:22px}#recordSaveStatus{bottom:100px}.accountHeaderActions{gap:6px;flex-wrap:wrap}}