body.rankings-page .container{max-width:880px;padding:40px 0}
.rankings-page .rankings-heading h1{font-size:32px;letter-spacing:-.04em;margin:6px 0 12px}
.rankings-page .rankings-heading p.muted{font-size:14px;line-height:1.7;margin-bottom:24px}
.rankings-page .topbar a,.rankings-page .topbar button{min-height:44px;display:inline-flex;align-items:center}
.rankings-page .ranking-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;margin:0;padding:0}
.rankings-page .ranking-games button{min-width:0;min-height:48px;padding:10px 6px;font-size:14px}
.rankings-page .ranking-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0 8px}
.rankings-page .ranking-periods{width:200px;margin:0}
.rankings-page .ranking-periods button,.rankings-page .ranking-meta button{min-height:44px}
.rankings-page .ranking-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rankings-page .ranking-columns,.rankings-page .ranking-list li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:16px 12px}
.rankings-page .ranking-columns{border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}
.rankings-page .ranking-list{max-height:none;overflow:visible;gap:0}
.rankings-page .ranking-list li{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;min-height:60px}
.rankings-page .ranking-list li:first-child{background:#ffd47808}
.rankings-page .ranking-list .nickname{font-size:14px;white-space:normal;overflow-wrap:anywhere}
.rankings-page #my-ranking{padding:14px 12px;margin:0 0 12px;background:var(--panel);border-radius:8px;text-align:left;font-size:12px;line-height:1.7}
.rankings-page .ranking-status{line-height:1.7}
.rankings-page .site-footer{margin-top:0;padding:8px 20px 32px;border:0;background:none}
.rankings-page .site-footer a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:600px){
 .rankings-page .topbar{padding:0 12px;gap:8px;height:60px}
 .rankings-page .brand{font-size:12px;white-space:nowrap;letter-spacing:0}
 .rankings-page .topbar>div{gap:6px}
 .rankings-page .topbar .text-link,.rankings-page .topbar button{font-size:11px;padding:8px 4px}
 body.rankings-page .container{width:calc(100% - 28px);padding-top:28px}
 .rankings-page .rankings-heading h1{font-size:26px}
 .rankings-page .rankings-heading p.muted{font-size:12px}
 .rankings-page .ranking-games{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rankings-page .ranking-games button{font-size:12px}
 .rankings-page .ranking-toolbar{gap:12px;margin-top:20px}
 .rankings-page .ranking-meta{gap:8px}
 .rankings-page .ranking-updated{font-size:10px}
 .rankings-page .ranking-columns,.rankings-page .ranking-list li{grid-template-columns:32px minmax(0,1fr) auto;gap:8px;padding:14px 6px}
 .rankings-page .ranking-list .nickname{font-size:12px}
 .rankings-page .ranking-list .score{font-size:12px}
}