.ranking-page-main{width:min(1100px,calc(100% - 24px));height:100dvh;margin:0 auto;padding-block:clamp(16px,3dvh,32px);display:flex;flex-direction:column;gap:18px}.ranking-page-main header{flex:none}.ranking-page-main h1{margin:0 0 14px;color:var(--ui-accent);font:clamp(18px,3vw,32px) / 1.5 "PE Arcade",monospace}.ranking-page-main p{margin:6px 0 0}#ranking-status,.ranking-disclaimer{color:var(--ui-muted);font:13px/1.4 PE Pixel,monospace}.ranking-page .national-ranking{--ranking-row-height: clamp(48px, 7dvh, 72px);width:100%;padding:0;flex:1;min-height:0}.ranking-page .national-ranking-window{height:100%;min-height:0}.ranking-page .national-ranking-row{grid-template-columns:44px var(--ranking-row-height) minmax(0,1fr) auto;gap:clamp(8px,2vw,24px);padding:4px clamp(8px,2vw,20px);font-size:clamp(9px,1.5vw,16px)}.ranking-page .ranking-portrait{max-width:100%}.ranking-page .national-points{font-variant-numeric:tabular-nums}.ranking-page .ranking-disclaimer{flex:none}@media(max-width:430px){.ranking-page .national-ranking-row{grid-template-columns:24px 40px minmax(0,1fr) auto;gap:6px}.ranking-page .ranking-portrait{width:40px;height:40px}}