.ranking{max-width:760px;margin:36px auto;padding:0 20px}.ranking h1{font-size:clamp(28px,5vw,44px);margin:12px 0}.ranking header small,.ranking-note{opacity:.65;font-size:12px}.ranking-tabs{display:flex;gap:8px;margin:28px 0}.ranking-tabs a{padding:10px 20px;border-radius:24px;text-decoration:none}.ranking-tabs [aria-current]{background:#7040ad;color:white}.ranking-list{padding:0;list-style:none;display:grid;gap:8px}.ranking-list li{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #8883;border-radius:18px}.ranking-leader{background:linear-gradient(110deg,#a579ec20,transparent)}.ranking-place{width:26px;text-align:center;color:#b992fa;font-size:20px}.ranking-avatar{width:44px;height:44px;display:grid;place-items:center;background:#8053b433;color:#b992fa;border-radius:50%;text-transform:uppercase}.ranking-list small{display:block;opacity:.6;font-size:11px;margin-top:4px}.ranking-list a{text-decoration:none;color:inherit;font-weight:600}.ranking-spark{margin-left:auto;color:#b992fa}.ranking-settings{margin-top:26px;padding:16px;border:1px solid #8883;border-radius:16px}.ranking-settings form{margin-top:16px}.ranking-empty{text-align:center;padding:48px 16px;border:1px solid #8883;border-radius:24px}.ranking-note{line-height:1.7}
body.has-member-side .discovery-layout{grid-template-columns:minmax(0,660px) 280px;gap:28px}.ranking-side{position:sticky;top:110px;min-width:0}.ranking-disclosure{border:1px solid var(--line,#8883);border-radius:20px;padding:18px;background:var(--surface)}.ranking-disclosure>summary{font-weight:600;list-style:none}.ranking-disclosure>summary span{float:right}.ranking-side h3{font-size:15px;margin:22px 0 12px}.ranking-side .ranking-list li{gap:8px;padding:10px 6px;border:0}.ranking-side .ranking-avatar{width:32px;height:32px;flex-shrink:0}.ranking-side .ranking-list a,.ranking-side .ranking-list strong{font-size:13px;overflow-wrap:anywhere}.ranking-side .ranking-empty{padding:16px 8px;border:0}.ranking-side .ranking-empty h2{font-size:15px}.ranking-side .ranking-empty p{font-size:12px}.ranking-more{font-size:12px}.ranking-side section+section{border-top:1px solid var(--line,#8883);margin-top:20px}
@media(max-width:1050px){body.has-member-side .discovery-layout{grid-template-columns:minmax(0,660px)}.ranking-side{position:static;grid-row:1}.ranking-disclosure{padding:12px 16px}.ranking-side-body{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ranking-side section+section{border:0;margin:0}}
@media(max-width:480px){.ranking-side-body{grid-template-columns:1fr}}