.top-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.top-crumbs{color:var(--text-muted);gap:8px;margin-bottom:8px;font-size:.82rem;display:flex}.top-crumbs a{color:var(--text-muted)}.top-title{font-family:var(--font-heading);margin:0;font-size:clamp(2rem,4vw,2.9rem);font-weight:700}.top-types{border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;overflow:hidden}.top-types a{height:40px;color:var(--text-secondary);align-items:center;padding:0 16px;font-size:.85rem;text-decoration:none;display:inline-flex}.top-types a+a{border-inline-start:1px solid var(--border-color)}.top-types a[aria-selected=true]{color:var(--text-primary);background:#2a2723;font-weight:600}.top-lists{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:6px 28px;margin-bottom:20px;display:flex}.top-lists a{color:var(--text-muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding-bottom:12px;font-size:.95rem;text-decoration:none}.top-lists a[aria-selected=true]{border-bottom-color:var(--accent-primary);color:var(--text-primary);font-weight:600}.top-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.top-filters select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);height:40px;color:var(--text-primary);font:inherit;padding:0 12px;font-size:.85rem}.top-filters .btn{height:40px;padding:0 16px}.top-note{color:var(--text-muted);margin-inline-start:auto;font-size:.78rem}.top-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.top-row{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:20px;padding:12px 20px 12px 12px;display:flex}.top-rank{width:64px;font-family:var(--font-heading);color:#5c574f;text-align:center;flex:none;font-size:1.9rem;font-weight:700}.top-rank.is-first{color:var(--accent-primary)}.top-rank.is-top{color:var(--gold)}.top-cover{flex:none;width:52px}.top-cover .home-cover{aspect-ratio:auto;width:52px;height:78px}.top-cover .home-cover-empty span{display:none}.top-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.top-name{color:var(--text-primary);font-size:1.05rem;font-weight:600;text-decoration:none}.top-name:hover{color:var(--accent-primary)}.top-genres{flex-wrap:wrap;gap:6px;display:flex}.top-genres a{color:#cfc9bf;background:#2a2723;border-radius:10px;padding:1px 9px;font-size:.75rem;text-decoration:none}.top-col{flex-direction:column;flex:none;gap:2px;width:120px;font-size:.88rem;display:flex}.top-score{font-family:var(--font-heading);color:var(--gold);font-size:1.25rem}.top-sub{color:var(--text-muted);font-size:.75rem}@media (max-width:860px){.top-row{flex-wrap:wrap;gap:10px 14px;padding:12px}.top-rank{width:40px;font-size:1.3rem}.top-main{flex:calc(100% - 120px)}.top-col{flex:30%;width:auto;padding-inline-start:106px}.top-col+.top-col{padding-inline-start:0}.top-note{flex-basis:100%;margin-inline-start:0}.top-types{max-width:100%;overflow-x:auto}.top-types a{white-space:nowrap}}