.home-rankings{overflow:hidden}
.ranking-games{display:flex;gap:8px;margin-top:20px;padding-bottom:5px;overflow-x:auto;scrollbar-width:thin}
.ranking-games button,.ranking-periods button{flex:0 0 auto;padding:9px 13px;border:1px solid var(--line);background:#111522;color:var(--muted);font-size:12px}
.ranking-games button.active,.ranking-periods button.active{border-color:#27d3d177;background:#27d3d112;color:var(--cyan)}
.ranking-periods{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:14px 0;padding:4px;border-radius:12px;background:#0d1019}
.ranking-periods button{border:0;border-radius:9px}
.ranking-status{padding:25px 10px;color:var(--muted);font-size:13px;text-align:center}
.ranking-status[hidden]{display:none}
.ranking-list{display:grid;gap:7px;max-height:520px;margin:0;padding:0;overflow-y:auto;list-style:none}
.ranking-list li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:#111620}
.ranking-list .rank{color:var(--muted);font-size:12px;font-weight:900}
.ranking-list li:nth-child(1) .rank{color:#ffd86b}.ranking-list li:nth-child(2) .rank{color:#c9d4e8}.ranking-list li:nth-child(3) .rank{color:#d69a70}
.ranking-list .nickname{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.ranking-list .score{color:var(--cyan);font-size:15px;font-weight:900}
.ranking-updated{color:var(--muted);font-size:11px}
@media(max-width:600px){.ranking-list li{grid-template-columns:38px minmax(0,1fr) auto;padding:10px}.ranking-games{margin-right:-20px}.ranking-list .score{font-size:13px}}