.rank-hero{min-height:420px}.rank-hero .fame-crown{font-size:28px}
.rank-board{padding:56px 0 80px;background:radial-gradient(ellipse at 50% 0,#1f523b 0,#103426 45%,#091914 100%);color:#f5eedf}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rank-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.rank-tabs button{padding:11px 20px;border:1px solid #e6c77955;border-radius:999px;background:#ffffff08;color:#e9dcc0;font:800 14px var(--font);cursor:pointer;transition:background .2s,color .2s,transform .2s}.rank-tabs button:hover{transform:translateY(-1px);background:#ffffff14}.rank-tabs button[aria-selected=true]{background:linear-gradient(145deg,#f1d58c,#c99a3c);border-color:#f7e2a4;color:#1b130e}
.rank-tabs--sub button{padding:8px 15px;font-size:12px}.rank-tabs--sub button[aria-selected=true]{background:#1f7a55;border-color:#5fcf99;color:#fff}
.rank-note{max-width:720px;margin:4px auto 20px;color:#c3d0c3;font-size:13px;line-height:1.7;text-align:center}
.rank-list{max-width:860px;margin:0 auto;padding:0;list-style:none;display:grid;gap:8px}
.rank-row{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 14px;border:1px solid #e6c77926;border-radius:14px;background:#ffffff08;animation:rank-in .4s ease both}.rank-row:nth-child(n+2){animation-delay:.03s}.rank-row:nth-child(n+4){animation-delay:.08s}.rank-row:nth-child(n+8){animation-delay:.12s}
@keyframes rank-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rank-row{animation:none}.rank-tabs button{transition:none}}
.rank-row--top{--m:#e8b940;border-color:color-mix(in srgb,var(--m),transparent 45%);background:linear-gradient(100deg,color-mix(in srgb,var(--m),transparent 84%),#ffffff06 70%)}.rank-row--2{--m:#c9ced6}.rank-row--3{--m:#c8844a}.rank-row--1{box-shadow:0 0 30px #e8b94022}
.rank-place{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffff10;color:#d9cfb8;font:800 14px var(--font)}.rank-place--1{background:#e8b940;color:#3b2800}.rank-place--2{background:#c9ced6;color:#23262b}.rank-place--3{background:#c8844a;color:#2a170b}
.rank-row .fame-avatar{flex:0 0 auto;width:40px;height:40px}.rank-emblem{flex:0 0 auto;width:42px;height:42px;font-size:21px;border-radius:12px}.rank-emblem--year{background:linear-gradient(145deg,#ffe39a,#d6a02c);color:#5a3a00;border-color:#fff1c2;box-shadow:0 0 14px #e8b94088}.rank-emblem--champion{border-color:#e8b940}.rank-emblem--podium{border-color:#c9ced6}
.rank-name{flex:1;min-width:0;display:grid}.rank-name b{overflow:hidden;color:#fff3d5;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.rank-name small{color:#aebdaf;font-size:11px}
.rank-vip{justify-self:start;margin-top:2px;padding:1px 6px;border-radius:6px;background:#e8b940;color:#3b2800;font:900 9px var(--font);letter-spacing:1px;font-style:normal}
.rank-sp{padding:3px 8px;border-radius:8px;background:#e8b940;color:#1b130e;font:900 11px var(--font)}
.rank-points{display:grid;justify-items:end;color:#f3d994;font:700 18px/1.1 var(--display)}.rank-points small{color:#aebdaf;font:600 10px var(--font)}
.rank-empty{padding:18px;border:1px dashed #e6c77940;border-radius:14px;color:#c3d0c3;font-size:13px;text-align:center}
.rank-updated{display:flex;justify-content:center;align-items:center;gap:8px;margin:18px 0 0;color:#9fc4ae;font-size:11px;font-weight:700}
@media (max-width:640px){.rank-board{padding:40px 0 60px}.rank-row{gap:9px;padding:9px 10px}.rank-place{flex-basis:28px;height:28px;font-size:12px}.rank-row .fame-avatar,.rank-emblem{width:34px;height:34px;font-size:17px}.rank-points{font-size:15px}.rank-sp{display:none}}
/* The avatar photo sits on top of the preset glyph, inside the frame (not below it). */
.rank-row .fame-avatar{overflow:visible}.rank-row .fame-avatar>*{grid-area:1/1}.rank-row .fame-avatar>img:not(.fame-worn){width:100%;height:100%;border-radius:10px;object-fit:cover}.rank-row .fame-avatar .fame-worn{position:absolute;right:-8px;top:-8px;width:20px;height:20px}
/* Club level frames (2026-10-12). */
.rank-emblem--bronze{box-shadow:inset 0 0 0 3px #c8844a}.rank-emblem--silver{box-shadow:inset 0 0 0 3px #c9ced6}
.rank-emblem--gold{box-shadow:inset 0 0 0 3px #e8b940,0 0 10px rgba(255,205,90,.7)}.rank-emblem--ruby{box-shadow:inset 0 0 0 3px #b3121f,0 0 10px rgba(255,70,90,.7)}
.rank-emblem--diamond{box-shadow:inset 0 0 0 3px #9fe3ff,0 0 12px rgba(140,220,255,.9)}