/* --- GAMES MENU PAGE STYLES --- */
.games-menu-body { background-color: #2b2b2b; }
.games-menu-body .menu-container { width: 100%; }
.games-menu-body .menu-container h1,
.games-menu-body .menu-container > p { color: #ffffff; }
.games-menu-body .back-link { color: #ffffff; background-color: rgba(255, 255, 255, 0.1); }
.game-cards-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 25px; max-width: 1000px; width: 100%; margin: 0 auto; }
.game-card { background-color: rgba(255, 255, 255, 0.1); border-radius: 15px; padding: 25px; text-align: center; text-decoration: none; transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.2); }
.game-card:hover { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.15); }
.game-card .game-icon { font-size: 3em; margin-bottom: 15px; }
.game-card h2 { margin: 0 0 10px 0; color: #ffffff; font-size: 1.4em; }
.game-card p { margin: 0; color: #cccccc; font-size: 0.9em; line-height: 1.4; }
.game-card-comingsoon { background-color: rgba(18, 18, 18, 0.1); border-radius: 15px; padding: 25px; text-align: center; text-decoration: none; transition: all 0.3s ease; border: 1px solid rgba(0, 92, 0, 0.819); }
/* .game-card-comingsoon:hover { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.15); } */
.game-card-comingsoon .game-icon { font-size: 3em; margin-bottom: 15px; }
.game-card-comingsoon h2 { margin: 0 0 10px 0; color: #ffffff; font-size: 1.4em; }
.game-card-comingsoon p { margin: 0; color: #cccccc; font-size: 0.9em; line-height: 1.4; }

/* --- GAMES MENU RESPONSIVE STYLES --- */
@media (max-width: 800px) {
    .game-cards-container { grid-template-columns: 1fr; padding: 0 20px; }
}