.rank-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.rank-row{--rank-tier:var(--color-gold);border-radius:var(--radius-lg);border:1px solid var(--color-border-glass);background:var(--color-surface-glass);transition:border-color var(--transition-fast);align-items:flex-start;gap:18px;padding:16px 18px;display:flex}.rank-row:hover{border-color:color-mix(in srgb, var(--rank-tier) 45%, transparent)}.rank-row__rank{border:2px solid var(--rank-tier);width:40px;height:40px;color:var(--rank-tier);font-family:var(--font-poster);box-shadow:0 0 16px color-mix(in srgb, var(--rank-tier) 30%, transparent);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:900;line-height:1;display:grid}.rank-row__body{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.rank-row__head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rank-row__name{font-family:var(--font-poster);text-transform:uppercase;letter-spacing:.01em;color:var(--color-text-primary);margin:0;font-size:22px;font-weight:700;line-height:1.1}.rank-row__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rank-row__badge{font-family:var(--font-mono);letter-spacing:.14em;border-radius:var(--radius-sm);color:var(--color-cyan);cursor:help;background:#00f5ff14;border:1px solid #00f5ff66;padding:3px 7px;font-size:10px}.rank-row__cards{flex-wrap:wrap;gap:6px;display:flex}.rank-card{color:#17181c;min-width:40px;height:54px;font-family:var(--font-display);background:linear-gradient(#fff,#f3f4f6);border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:2px;padding:0 7px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #00000059}.rank-card--red{color:#e0102a}.rank-card--g1{border-color:var(--rank-tier)}.rank-card--g2{border-color:var(--color-cyan)}.rank-card--g3{border-color:#a78bfa}.rank-card--kicker{opacity:.55}.rank-row__desc{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.5}.rank-list__note{color:var(--color-text-muted);margin:18px 0 0;font-size:13px;line-height:1.5}@media (max-width:640px){.rank-row{gap:12px;padding:14px}.rank-row__rank{width:34px;height:34px;font-size:15px}.rank-row__name{font-size:19px}.rank-card{min-width:34px;height:46px;padding:0 5px;font-size:13px}}
