.rankings-page{max-width:1800px;margin:0 auto;padding:48px 12px 24px}.rankings-intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.rankings-eyebrow{color:var(--cyan);letter-spacing:2px;margin-bottom:14px;font-size:9px}.rankings-intro h2{font-family:VT323,monospace;font-size:clamp(38px,4vw,64px);font-weight:400;line-height:1}.rankings-intro h2 em{color:var(--accent-hover);font-style:normal}.rankings-intro p:last-child{color:var(--muted);margin-top:12px;font-size:11px}.rankings-preview{border:1px solid var(--border);border-left:2px solid var(--accent);color:var(--accent-hover);letter-spacing:1px;flex:none;padding:12px 16px;font-size:9px}.rankings-preview span{color:var(--muted);letter-spacing:0;margin-top:6px;font-size:9px;display:block}.rankings-toolbar{border-top:1px solid var(--border);letter-spacing:1px;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:9px;display:flex}.rankings-toolbar b{color:var(--accent);margin:0 10px}.rankings-toolbar>div{color:var(--muted);align-items:center;gap:8px;display:flex}.rankings-toolbar button,.rankings-loading button{border:1px solid var(--border);background:var(--panel);cursor:pointer;padding:8px 13px}.rankings-toolbar button:hover{border-color:var(--accent);color:var(--text)}.rankings-note,.rankings-footnote{color:var(--muted);margin:4px 0 20px;font-size:10px;line-height:1.8}.rankings-track{scroll-snap-type:x proximity;scrollbar-color:var(--accent) var(--panel);scrollbar-width:thin;gap:16px;padding:2px 2px 18px;display:flex;overflow-x:auto}.rankings-track:focus-visible{outline:1px solid var(--accent);outline-offset:5px}.ranking-column{scroll-snap-align:start;background:var(--panel);border:1px solid var(--border);border-top:2px solid var(--rank-color);border-radius:4px;flex:0 0 274px;overflow:hidden}.ranking-column>header{align-items:center;gap:10px;padding:17px 14px;display:flex}.ranking-column h3{font-family:VT323,monospace;font-size:26px;font-weight:400}.ranking-column header p{color:var(--muted);margin-top:3px;font-size:8px}.ranking-column header>small{color:var(--muted);margin-left:auto;font-size:9px}.ranking-emblem{width:31px;color:var(--rank-color)}.ranking-column svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.ranking-leader{border:0;border-block:1px solid var(--border);background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--rank-color) 16%,transparent),transparent 70%),var(--bg);text-align:center;cursor:pointer;width:100%;padding:14px 18px 18px;display:block}.ranking-leader-label{color:var(--rank-color);justify-content:space-between;font-size:13px;display:flex}.ranking-leader-label>span{letter-spacing:1px;font-size:8px}.ranking-leader-portrait{border:1px solid color-mix(in srgb,var(--rank-color) 40%,transparent);background:repeating-linear-gradient(0deg,#0000 0 11px,#ffffff04 11px 12px);place-items:center;width:108px;height:118px;margin:18px auto 15px;display:grid;position:relative}.ranking-leader-portrait canvas{width:88px;height:99px;image-rendering:pixelated}.ranking-leader-seal{background:var(--rank-color);width:32px;height:32px;color:var(--bg);border:3px solid var(--bg);place-items:center;display:grid;position:absolute;bottom:-8px;right:-12px;transform:rotate(-6deg)}.ranking-leader-seal svg{width:20px;height:20px}.ranking-leader h4{place-items:center;min-height:52px;font-family:VT323,monospace;font-size:26px;font-weight:400;display:grid}.ranking-leader>p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.ranking-profile-hint{color:var(--rank-color);letter-spacing:1px;margin-top:18px;font-size:8px;display:block}.ranking-list{padding:0 12px;list-style:none}.ranking-list li+li{border-top:1px solid #ffffff07}.ranking-list button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:12px 0;display:flex}.ranking-list button:hover,.ranking-leader:hover{background-color:var(--panel-raised)}.ranking-number{color:var(--muted);font-size:10px}.ranking-face{background:var(--bg);flex:none;place-items:center;width:30px;height:34px;display:grid}.ranking-face canvas{width:28px;height:32px;image-rendering:pixelated}.ranking-face>span,.ranking-leader-portrait>span:not(.ranking-leader-seal){color:var(--muted);font-size:7px}.ranking-person{flex:1;min-width:0}.ranking-person strong,.ranking-person small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ranking-person strong{font-size:10px;font-weight:400}.ranking-person small{color:var(--muted);margin-top:5px;font-size:8px}.ranking-row-arrow{color:var(--rank-color);opacity:.6;font-size:12px}.ranking-column footer{border-top:1px solid var(--border);letter-spacing:.5px;color:var(--muted);justify-content:space-between;padding:12px;font-size:7px;display:flex}.ranking-column footer span{color:var(--rank-color)}.ranking-placeholder{height:300px;color:var(--muted);place-items:center;font-size:10px;display:grid}.rankings-loading{color:var(--muted);padding:16px 0;font-size:12px}.rankings-loading button{margin-left:12px}.rankings-footnote{margin-top:14px}@media (max-width:700px){.rankings-page{padding:28px 0}.rankings-intro{flex-direction:column;align-items:flex-start;gap:16px}.rankings-toolbar>div>span{display:none}.ranking-column{flex-basis:260px}}@media (prefers-reduced-motion:reduce){.rankings-track{scroll-behavior:auto}}