/* Game Card Color Coding */
.game-card.trex-theme {
    border-left: 4px solid #dc2626;
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.05) 0%, rgba(249, 115, 22, 0.05) 100%);
}
.game-card.trex-theme:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(220, 38, 38, 0.2);
}
.game-card.trex-theme .btn-game {
    background: linear-gradient(135deg, #dc2626 0%, #f97316 100%);
    border: none;
}

.game-card.pacman-theme {
    border-left: 4px solid #ffd700;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.05) 0%, rgba(255, 179, 0, 0.05) 100%);
}
.game-card.pacman-theme:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(255, 215, 0, 0.2);
}
.game-card.pacman-theme .btn-game {
    background: linear-gradient(135deg, #ffd700 0%, #ffb300 100%);
    border: none;
    color: #000;
}

.game-card.nonogram-theme {
    border-left: 4px solid #9b59b6;
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.05) 0%, rgba(142, 68, 173, 0.05) 100%);
}
.game-card.nonogram-theme:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(155, 89, 182, 0.2);
}
.game-card.nonogram-theme .btn-game {
    background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
    border: none;
}

.game-card.nqueens-theme {
    border-left: 4px solid #fdcb6e;
    background: linear-gradient(135deg, rgba(253, 203, 110, 0.05) 0%, rgba(225, 112, 85, 0.05) 100%);
}
.game-card.nqueens-theme:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(253, 203, 110, 0.2);
}
.game-card.nqueens-theme .btn-game {
    background: linear-gradient(135deg, #fdcb6e 0%, #e17055 100%);
    border: none;
    color: #000;
}

.game-card.minefield-theme {
    border-left: 4px solid #e74c3c;
    background: linear-gradient(135deg, rgba(231, 76, 60, 0.05) 0%, rgba(192, 57, 43, 0.05) 100%);
}
.game-card.minefield-theme:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(231, 76, 60, 0.2);
}
.game-card.minefield-theme .btn-game {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
    border: none;
}

.game-card.sudoku-theme {
    border-left: 4px solid #1e40af;
    background: linear-gradient(135deg, rgba(30, 64, 175, 0.05) 0%, rgba(59, 130, 246, 0.05) 100%);
}
.game-card.sudoku-theme:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(30, 64, 175, 0.2);
}
.game-card.sudoku-theme .btn-game {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    border: none;
}

.game-card.snake-theme {
    border-left: 4px solid #00b894;
    background: linear-gradient(135deg, rgba(0, 184, 148, 0.05) 0%, rgba(0, 160, 133, 0.05) 100%);
}
.game-card.snake-theme:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 184, 148, 0.2);
}
.game-card.snake-theme .btn-game {
    background: linear-gradient(135deg, #00b894 0%, #00a085 100%);
    border: none;
}

.game-card.typing-theme {
    border-left: 4px solid #6366f1;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%);
}
.game-card.typing-theme:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(99, 102, 241, 0.2);
}
.game-card.typing-theme .btn-game {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    border: none;
}

.game-card.triple-tile-theme {
    border-left: 4px solid #9333ea;
    background: linear-gradient(135deg, rgba(147, 51, 234, 0.05) 0%, rgba(192, 132, 252, 0.05) 100%);
}
.game-card.triple-tile-theme:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(147, 51, 234, 0.2);
}
.game-card.triple-tile-theme .btn-game {
    background: linear-gradient(135deg, #9333ea 0%, #c084fc 100%);
    border: none;
}

.game-card.word-builder-theme {
    border-left: 4px solid #6366f1;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%);
}
.game-card.word-builder-theme:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(99, 102, 241, 0.2);
}
.game-card.word-builder-theme .btn-game {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    border: none;
}

/* Enhanced game card transitions */
.game-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}