/* ============================================================
   Lists / hero-list (populer)
   ============================================================ */
.rank-list{display:flex;flex-direction:column;gap:12px}
.rank-item{display:grid;grid-template-columns:auto 92px 1fr auto;gap:18px;align-items:center;background:var(--panel);border:1.5px solid var(--line);border-radius:var(--r);padding:12px 16px;transition:.25s;cursor:pointer}
.rank-item:hover{border-color:var(--accent);transform:translateX(5px);background:var(--panel2)}
.rank-num{font-family:var(--fd);font-weight:900;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--line2);line-height:1;min-width:64px}
.rank-item:hover .rank-num{-webkit-text-stroke:1.5px var(--accent);color:rgba(255,43,94,.08)}
.rank-poster{aspect-ratio:2/3;border-radius:11px;background:linear-gradient(150deg,var(--c1),var(--c2));display:grid;place-items:center;font-family:var(--fd);font-weight:900;font-size:1.5rem;color:rgba(255,255,255,.9)}
.rank-info h4{font-family:var(--fd);font-weight:800;font-size:1.05rem;letter-spacing:-.02em;margin:0 0 4px}
.rank-info p{margin:0;color:var(--muted);font-size:.78rem}
.rank-score{text-align:right}
.rank-score b{display:block;font-family:var(--fd);font-weight:900;font-size:1.3rem;color:var(--gold);line-height:1}
.rank-score span{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2)}