.block.svelte-11682wn{display:flex;flex-direction:column;gap:18px;padding-bottom:28px}.ranks.svelte-11682wn{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 16px}.rank.svelte-11682wn{display:flex;flex-direction:column;gap:10px;min-width:0}.rank.svelte-11682wn:hover{text-decoration:none}.pic.svelte-11682wn{display:flex;align-items:flex-end}.num.svelte-11682wn{flex:none;margin-right:-14px;position:relative;z-index:1;font-size:clamp(72px,7vw,104px);line-height:.78;font-weight:800;letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:var(--bg);-webkit-text-stroke:4px #48484a;paint-order:stroke fill;transition:color .2s ease,-webkit-text-stroke-color .2s ease}.rank.svelte-11682wn:hover .num:where(.svelte-11682wn),.rank.svelte-11682wn:focus-visible .num:where(.svelte-11682wn){color:var(--accent);-webkit-text-stroke-color:var(--accent)}.poster.svelte-11682wn{flex:1 1 auto;min-width:0;border-radius:var(--radius-poster);transition:transform .2s ease,box-shadow .2s ease}.rank.svelte-11682wn:hover .poster:where(.svelte-11682wn),.rank.svelte-11682wn:focus-visible .poster:where(.svelte-11682wn){transform:translateY(-4px);box-shadow:0 0 0 2px var(--accent)}.rank.svelte-11682wn:hover .name:where(.svelte-11682wn){text-decoration:underline;text-decoration-color:var(--text-4);text-underline-offset:4px}@media(prefers-reduced-motion:reduce){.num.svelte-11682wn,.poster.svelte-11682wn{transition:none}.rank.svelte-11682wn:hover .poster:where(.svelte-11682wn){transform:none}}.text.svelte-11682wn{display:flex;flex-direction:column;gap:3px;padding-left:4px}.name.svelte-11682wn{font-size:14px;line-height:1.35}@media(max-width:720px){.ranks.svelte-11682wn{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto;padding-bottom:6px}}.block.svelte-1uha8ag{display:flex;flex-direction:column;gap:18px;padding-bottom:28px}.genres.svelte-1uha8ag{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.genre.svelte-1uha8ag{min-width:0;min-height:68px;border-radius:20px;border:1px solid var(--line);background:var(--surface);padding:0 16px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:600}.genre.svelte-1uha8ag span:where(.svelte-1uha8ag):first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genre.svelte-1uha8ag{transition:border-color .15s ease,background-color .15s ease}.genre.svelte-1uha8ag:hover,.genre.svelte-1uha8ag:focus-visible{text-decoration:none;border-color:var(--accent);background:var(--surface-2)}.arrow.svelte-1uha8ag{flex:none;color:var(--accent);transition:transform .15s ease}.genre.svelte-1uha8ag:hover .arrow:where(.svelte-1uha8ag),.genre.svelte-1uha8ag:focus-visible .arrow:where(.svelte-1uha8ag){transform:translate(4px)}@media(prefers-reduced-motion:reduce){.genre.svelte-1uha8ag,.arrow.svelte-1uha8ag{transition:none}.genre.svelte-1uha8ag:hover .arrow:where(.svelte-1uha8ag){transform:none}}@media(max-width:980px){.genres.svelte-1uha8ag{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.genres.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}