.rank-period{display:flex;gap:5px;margin:12px 0}.rank-period button{flex:1;border:2px solid #dfc8e8;border-radius:12px;padding:9px 2px;background:#f8f0fc;color:#675275;font-weight:800}.rank-period button.rank-selected{background:#ffd86b;border-color:#ee9c3c;color:#583a28;box-shadow:0 3px 0 #e9a55b}.rank-line{display:flex;align-items:center;gap:9px;padding:10px 3px;border-bottom:1px solid #eadbed;font-size:13px}.rank-line span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.rank-line strong{white-space:nowrap;color:#7e3c8d}#rank-status{font-size:13px;background:#f7effb;border-radius:10px;padding:10px;margin-bottom:5px}