.dynamic-background_dynamicBackground__CJPCg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:0;transition:opacity .5s ease-in-out;z-index:-1}.dynamic-background_dynamicBackground__CJPCg.dynamic-background_visible__kjzt1{opacity:1}.genres_genresPageContainer__8yWw6{padding:20px;max-width:1200px;min-height:100vh;margin:0 auto}.genres_pageTitle__mh9Ml{font-size:2.5rem;font-weight:700;margin-bottom:30px;color:var(--text-primary);text-align:center;text-shadow:0 0 5px rgba(0,0,0,.5)}.genres_genresGrid__1afDg{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:20px;gap:20px}@media (max-width:768px){.genres_genresGrid__1afDg{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.genres_genreCard__D_T5C{position:relative;background-color:#2c2c2c;border-radius:8px;overflow:hidden;text-align:center;transition:transform .2s ease-in-out;min-height:150px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #404040}.genres_genreCard__D_T5C:hover{transform:scale(1.05)}.genres_genreCardImage__bVgjz{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.3;z-index:1}.genres_genreLink__WR5Rz{position:relative;z-index:2;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.1rem;margin:10px;background-color:rgba(0,0,0,0);border-radius:5px}@media (max-width:768px){.genres_genresGrid__1afDg{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.genres_pageTitle__mh9Ml{font-size:2rem}}