.ranking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0}.ranking-toggle{display:flex;gap:4px;border:1px solid var(--line);padding:4px;border-radius:5px}.ranking-toggle button{min-width:96px;min-height:42px;font-size:13px;color:var(--muted)}.ranking-toggle button[aria-pressed=true]{background:#333334;color:var(--lime);border-radius:3px}.ranking-search{display:flex;align-items:center;gap:10px;max-width:310px;border:1px solid var(--line);border-radius:5px;background:#292929;padding:0 13px}.ranking-search .icon{width:16px;flex:none}.ranking-search input{min-height:46px;border:0;background:transparent;padding:8px 0;font-size:13px;width:100%;min-width:0}.ranking-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px;border-bottom:1px solid var(--line);padding-bottom:26px}.ranking-filters>label{font-size:10px;color:var(--muted);letter-spacing:.8px}.ranking-filters select{display:block;width:100%;margin-top:10px;min-height:46px;background:#292929;font-size:13px;border-color:var(--line)}.ranking-filters>.ranking-friends{display:flex;align-items:center;align-self:end;gap:10px;min-height:46px;font-size:12px;letter-spacing:0}.ranking-friends input{accent-color:var(--lime);width:17px;height:17px}
.ranking-list-head{display:grid;grid-template-columns:70px 1fr 120px;font-size:9px;letter-spacing:1px;color:var(--muted);padding:23px 0 14px}.ranking-list-head>span:last-child{text-align:right;padding-right:36px}.ranking-row{display:flex;gap:17px;align-items:center;width:100%;text-align:left;min-height:93px;padding:18px 0;border-bottom:1px solid var(--line)}.ranking-row>.ranking-position{width:53px;flex:none;font-family:var(--display);font-size:26px;color:var(--muted)}.ranking-row>div{flex:1;min-width:0}.ranking-row>div>strong{font-size:15px;font-weight:500;display:block;overflow-wrap:anywhere}.ranking-row>div>strong em{font-style:normal;font-size:8px;color:var(--lime);margin-left:9px}.ranking-row small{font-size:11px;line-height:1.6;color:var(--muted);display:block;margin-top:7px}.ranking-row .ranking-value{font-family:var(--display);font-size:24px;font-weight:500;flex:none}.ranking-row>.icon{width:15px;color:var(--muted);flex:none;margin-left:10px}.ranking-self{background:#8aff8006}.ranking-self>.ranking-position{color:var(--lime)}.rank-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0;font-size:11px;color:var(--muted)}.rank-pagination>div{display:flex;align-items:center;gap:16px}.rank-pagination .quiet-button{font-size:11px;min-height:44px;padding:0 12px}.ranking-loading{padding:60px 0;text-align:center}.ranking-loading .spinner{display:inline-block;width:25px;height:25px;margin-bottom:20px}.ranking-loading h3{font-size:22px;font-weight:500}.ranking-loading p{font-size:13px;color:var(--muted);margin:15px 0 25px}
@media(max-width:700px){.ranking-toolbar{gap:12px;flex-wrap:wrap;margin:22px 0}.ranking-toggle button{min-width:80px;font-size:12px}.ranking-search{max-width:none;flex:1;min-width:180px}.ranking-search input{font-size:16px}.ranking-filters{grid-template-columns:1fr 1fr;gap:17px 12px}.ranking-filters select{font-size:13px;padding-left:9px}.ranking-list-head{grid-template-columns:39px 1fr 75px;font-size:8px}.ranking-list-head>span:last-child{padding-right:0}.ranking-row{gap:10px;min-height:94px}.ranking-row>.ranking-position{width:28px;font-size:23px}.ranking-row>.avatar{width:29px;height:29px;font-size:12px;flex:none}.ranking-row>div>strong{font-size:12px}.ranking-row small{font-size:10px}.ranking-row .ranking-value{font-size:21px}.ranking-row>.icon{display:none}.rank-pagination{flex-direction:column;align-items:flex-start;gap:15px}.rank-pagination>div{gap:14px}}