.rankings{max-width:1080px;margin:0 auto;padding:40px 24px 64px}.rankings-head h1{margin:0 0 8px;font-size:32px;line-height:1.2}.rankings-head p{color:var(--muted,#6b7280);margin:0 0 24px}.rankings-tabs,.rankings-subtabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.rankings-tabs button,.rankings-subtabs button{border:1px solid var(--border,#e5e7eb);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:14px}.rankings-subtabs button{padding:6px 12px;font-size:13px}.rankings-tabs button.active,.rankings-subtabs button.active{background:var(--surface,#f3f4f6);border-color:currentColor;font-weight:600}.rankings-empty{border:1px dashed var(--border,#e5e7eb);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:240px;margin-top:20px;padding:32px 24px;display:flex}.rankings-empty strong{font-size:16px}.rankings-empty p{margin:0;font-size:15px}.rankings-empty small{color:var(--muted,#6b7280)}.rankings-note{color:var(--muted,#6b7280);text-align:center;margin-top:24px;font-size:12px}.rankings-hint{color:var(--muted,#6b7280);margin:4px 0 12px;font-size:13px}.rankings-list{flex-direction:column;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.ranking-row{border:1px solid var(--border,#e5e7eb);border-radius:12px;grid-template-columns:36px 48px minmax(0,1fr) 48px 88px;align-items:center;gap:12px;padding:10px 12px;display:grid}.ranking-rank{text-align:center;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.rank-poster{background:var(--surface,#f3f4f6);border-radius:6px;width:48px;height:64px;display:block;position:relative;overflow:hidden}.rank-poster-fallback{background:repeating-linear-gradient(135deg, var(--surface,#f3f4f6), var(--surface,#f3f4f6) 6px, var(--border,#e5e7eb) 6px, var(--border,#e5e7eb) 7px);position:absolute;inset:0}.rank-poster img{object-fit:cover;width:100%;height:100%;display:block;position:relative}.ranking-main{flex-direction:column;gap:4px;min-width:0;display:flex}.ranking-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ranking-genres{flex-wrap:wrap;gap:4px;display:flex}.ranking-genre{background:var(--surface,#f3f4f6);color:var(--muted,#6b7280);border-radius:999px;padding:1px 8px;font-size:12px}.rank-delta{text-align:center;font-variant-numeric:tabular-nums;font-size:13px}.rank-delta.up{color:#16a34a}.rank-delta.down{color:#dc2626}.rank-delta.flat{color:var(--muted,#6b7280)}.ranking-score{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.ranking-score strong{font-variant-numeric:tabular-nums;font-size:18px}.ranking-score small{color:var(--muted,#6b7280);font-size:12px}.rankings-error button{border:1px solid var(--border,#e5e7eb);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 16px;font-size:14px}@media (max-width:640px){.rankings{padding:24px 16px 48px}.rankings-head h1{font-size:24px}.ranking-row{grid-template-columns:28px 48px minmax(0,1fr) 40px;grid-template-areas:"rank poster main score"". .delta.";row-gap:4px}.ranking-rank{grid-area:rank;font-size:16px}.rank-poster{grid-area:poster}.ranking-main{grid-area:main}.rank-delta{text-align:left;grid-area:delta}.ranking-score{grid-area:score}}.rankings-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.rankings-filter{color:var(--muted,#6b7280);align-items:center;gap:6px;font-size:13px;display:inline-flex}.rankings-filter select{border:1px solid var(--border,#e5e7eb);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 28px 6px 10px;font-size:13px}.rankings-filter-clear{border:1px solid var(--border,#e5e7eb);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:13px}.rankings-filter-clear:disabled{opacity:.45;cursor:not-allowed}.rankings-filter-echo{color:var(--muted,#6b7280);margin:8px 0 0;font-size:13px}.ranking-row-link{color:inherit;cursor:pointer;text-decoration:none;transition:border-color .15s,background-color .15s;display:grid}.ranking-row-link:hover{border-color:var(--border-strong,#9ca3af);background:var(--surface,#f3f4f6)}.ranking-row-link:focus-visible{outline-offset:2px;outline:2px solid}.ranking-row-placeholder{cursor:default;opacity:.85}@media (max-width:640px){.rankings-filters{align-items:stretch}.rankings-filter{flex:auto}.rankings-filter select{width:100%}.rankings-filter-clear{flex:auto}}