.mine-shortcuts{display:flex;align-items:center;gap:14px}.mobile-parent-link{display:none}.rank-panel{padding-top:8px}.rank-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.rank-tabs{display:flex;gap:4px;margin:0;background:#f3f6f5;padding:4px;border-radius:8px}.rank-tabs button{min-height:44px;padding:10px 18px;border-radius:6px;background:transparent;color:#708078;font-size:14px;font-weight:650}.rank-tabs button.active{background:white;color:#168661;box-shadow:0 1px 4px #203c3012}.rank-period{margin:0;color:#7d8b82;font-size:13px}.rank-overview{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 0 26px;border-bottom:1px solid var(--line)}.rank-overview-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700}.rank-overview-title svg{width:32px;height:32px;color:#c8a34c}.rank-my-summary{display:flex;gap:32px}.rank-my-summary>div{display:flex;flex-direction:column;gap:8px}.rank-my-summary small{font-size:12px}.rank-my-summary strong{font-size:24px;color:#2b5141;font-variant-numeric:tabular-nums}.rank-my-summary strong span{font-size:12px;font-weight:400;color:#78867e}.rank-list-head{display:flex;justify-content:space-between;color:#8a978f;font-size:12px;padding:20px 16px 10px}.rank-row{gap:14px;padding:20px 16px;min-height:92px}.rank-row.is-me{background:#eff8f3;border-left:3px solid #16966a;padding-left:13px}.rank-number{position:relative;display:grid;place-items:center;width:32px;height:38px;flex-shrink:0;color:#83918a;font-size:15px}.rank-number svg{position:absolute;inset:0;width:32px;height:38px;stroke-width:1.4;opacity:.55}.rank-number b{z-index:1;font-size:13px;margin-top:-6px}.rank-place-1{color:#b38b24}.rank-place-2{color:#788e9c}.rank-place-3{color:#b88467}.rank-avatar{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;font-size:17px;font-weight:650;background:#e6f2ed;color:#3d7f65}.rank-avatar-1{background:#edf2fa;color:#6184a3}.rank-avatar-2{background:#fff1e9;color:#b88a66}.rank-avatar-3{background:#f4eef7;color:#947b9e}.rank-avatar-4{background:#fff7de;color:#ae953b}.rank-name{gap:7px}.rank-name strong{font-size:16px;overflow-wrap:anywhere}.rank-identity small{display:block;font-size:12px;margin-top:5px}.rank-me-tag{font-size:10px;color:#27855d;background:#d9efe2;border-radius:4px;padding:2px 5px;white-space:nowrap}.rank-score{font-size:24px;color:#36634f;font-variant-numeric:tabular-nums;min-width:44px}.rank-row .badge-strip{max-width:100%;flex-wrap:wrap}.rank-row .pet-badge{width:26px;height:26px}.rank-row .pet-badge img{width:22px;height:22px}
@media(max-width:799px){.mobile-parent-link{display:grid}.my-badges{gap:10px;flex-wrap:wrap}.mine-shortcuts{gap:10px;margin-left:auto}.rank-toolbar{gap:12px;margin-bottom:12px}.rank-tabs{width:100%}.rank-tabs button{flex:1;padding:10px 8px}.rank-period{font-size:12px}.rank-overview{align-items:flex-start;flex-direction:column;gap:18px;padding:14px 0 22px}.rank-overview-title{font-size:18px}.rank-overview-title svg{width:26px;height:26px}.rank-my-summary{width:100%;gap:24px}.rank-my-summary>div{flex:1}.rank-my-summary strong{font-size:23px}.rank-list-head{padding-left:8px;padding-right:8px}.rank-row{gap:8px;padding:18px 8px;min-height:90px}.rank-row.is-me{padding-left:5px}.rank-number{width:26px}.rank-number svg{width:26px}.rank-avatar{width:34px;height:34px;font-size:14px}.rank-name strong{font-size:15px}.rank-score{font-size:21px;min-width:30px}.rank-name{gap:5px}.rank-row .pet-badge{width:23px;height:23px}.rank-row .pet-badge img{width:19px;height:19px}}