main .grid{display:grid;gap:12px;padding:0 10px;grid-template-columns:repeat(2,1fr);@media (min-width:600px){grid-template-columns:repeat(3,1fr)}@media (min-width:768px){grid-template-columns:repeat(4,1fr)}@media (min-width:992px){grid-template-columns:repeat(5,1fr)}@media (min-width:1200px){grid-template-columns:repeat(6,1fr)}@media (min-width:1400px){grid-template-columns:repeat(7,1fr)}}.game-card{position:relative;overflow:hidden;background:#fff;aspect-ratio:1/1;border:none!important;box-shadow:0 1px 3px rgb(0 0 0 / .1),0 1px 2px rgb(0 0 0 / .06);border-radius:.75rem;padding:0!important}.game-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgb(0 0 0 / .15),0 2px 4px rgb(0 0 0 / .08)}.game-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:.75rem}.game-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgb(0 0 0 / .7),transparent);color:#fff;padding:10px;opacity:0;transition:opacity .3s ease,height .3s ease;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.game-card:hover .game-card-overlay{opacity:1}