.rank-tabs{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.rank-tab{height:38px;color:var(--text-2);background:var(--surface);border:1px solid var(--line);transition:background .2s, border-color .2s, color .2s, transform .2s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:14px;font-weight:500;display:inline-flex}.rank-tab:hover{background:var(--surface-2);border-color:var(--line-2);color:var(--text);transform:translateY(-1px)}.rank-tab[data-active=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-2)}.rank-list{flex-direction:column;display:flex}.rank-row{border-bottom:1px solid var(--line);border-radius:var(--radius);grid-template-columns:40px 64px minmax(0,1fr);align-items:center;gap:16px;min-height:96px;padding:12px 8px;display:grid}a.rank-row:hover{background:var(--surface)}a.rank-row:hover .rank-row-title{color:var(--accent-2)}.rank-no{font-variant-numeric:tabular-nums;text-align:center;color:var(--text-3);font-size:22px;font-weight:600}.rank-row.is-top .rank-no{color:var(--accent)}.rank-row-poster{aspect-ratio:2/3;border-radius:var(--radius);width:64px}.rank-row-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.rank-row-title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;line-height:1.3;overflow:hidden}.rank-row-meta{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.rank-item{min-width:0;position:relative}.rank-badge{z-index:2;font-variant-numeric:tabular-nums;background:var(--surface-3);width:28px;height:28px;color:var(--text-2);border:1px solid var(--line-2);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:absolute;top:-6px;left:-6px}.rank-badge-top{background:var(--accent);color:var(--on-accent);border-color:#0000}@media (max-width:860px){.rank-tabs{gap:6px;margin-bottom:22px}.rank-tab{height:34px;padding:0 16px;font-size:13px}.rank-badge{width:24px;height:24px;font-size:12px;top:-4px;left:-4px}.rank-row{grid-template-columns:32px 52px minmax(0,1fr);gap:12px;min-height:80px;padding:10px 0}.rank-no{font-size:18px}.rank-row-poster{width:52px}.rank-row-title{font-size:15px}}html[data-tv] .rank-badge{border-radius:10px;width:32px;height:32px;font-size:14px;top:-8px;left:-8px}html[data-tv] .rank-row{grid-template-columns:56px 80px minmax(0,1fr);gap:20px;min-height:120px;padding:16px 12px}html[data-tv] .rank-no{font-size:28px}html[data-tv] .rank-row-poster{width:80px}html[data-tv] .rank-row-title{font-size:22px}html[data-tv] .rank-row-meta{font-size:16px}.rank-preview-grid{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:clamp(128px,14.0365vw,184px);grid-auto-flow:column;gap:18px;margin:-16px;padding:16px 16px 26px;scroll-padding-left:16px;display:grid;overflow-x:auto}.rank-preview-grid::-webkit-scrollbar{display:none}.rank-preview-grid>*{scroll-snap-align:start}@media (max-width:860px){.rank-preview-grid{grid-auto-columns:calc(33.3333% - 8px);gap:12px}}html[data-tv] .rank-preview-grid{grid-auto-columns:calc(14.2857% - 20.5714px);gap:24px;margin:-20px;padding:20px 20px 32px;scroll-padding-left:20px}.rank-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;padding:40px 20px;display:flex}.rank-state-text{color:var(--text-2);margin:0;font-size:15px}