.genre-grid.svelte-9ct43g{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}@media (width>=640px){.genre-grid.svelte-9ct43g{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}}@media (width>=900px){.genre-grid.svelte-9ct43g{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}@media (width>=1200px){.genre-grid.svelte-9ct43g{grid-template-columns:repeat(5,minmax(0,1fr))}}.genre-card.svelte-9ct43g{box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--card-bg-color);min-height:84px;color:var(--text-color);transition:border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;justify-content:flex-end;gap:.15rem;padding:.9rem 1rem;text-decoration:none;display:flex;position:relative}.name.svelte-9ct43g{font-family:var(--font-serif);font-size:1.15rem;font-weight:700;line-height:1.2}.genre-card.svelte-9ct43g small:where(.svelte-9ct43g){color:var(--secondary-text-color);font-size:.88rem;font-weight:500}.arrow.svelte-9ct43g{color:var(--secondary-text-color);transition:color var(--transition-fast), transform var(--transition-fast);position:absolute;top:.7rem;right:.9rem}.genre-card.svelte-9ct43g:hover,.genre-card.svelte-9ct43g:focus-visible{border-color:var(--accent-gold);background:var(--card-bg-hover)}.genre-card.svelte-9ct43g:hover .arrow:where(.svelte-9ct43g),.genre-card.svelte-9ct43g:focus-visible .arrow:where(.svelte-9ct43g){color:var(--accent-gold);transform:translate(3px)}@media (width>=900px){.genre-card.svelte-9ct43g{min-height:110px;padding:1.1rem 1.25rem}.name.svelte-9ct43g{font-size:1.3rem}.genre-card.svelte-9ct43g:hover{transform:translateY(-2px)}}