/* ===== MINIGAMES - Style commun années 2000 ===== */

.games-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin: 20px 0;
}

.game-card {
    display: block;
    background: #f0f0f0;
    border: 2px outset #a0a0a0;
    padding: 12px;
    text-decoration: none !important;
    color: #000000 !important;
}

.game-card:hover {
    background: #e8e8ff;
    border: 2px inset #808080;
}

.game-card h3 {
    color: #0000ff !important;
    font-size: 14px;
    margin: 8px 0 4px 0;
}

.game-card p {
    color: #333333 !important;
    font-size: 10px;
    margin: 0;
    line-height: 1.3;
}

.game-card-thumb {
    width: 100%;
    height: 80px;
    background: linear-gradient(135deg, #c0c0c0 0%, #a0a0a0 100%);
    border: 2px inset #808080;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
}

.game-thumb-runner { background: linear-gradient(135deg, #4169e1, #9370db); }
.game-thumb-alchemy { background: linear-gradient(135deg, #ff69b4, #ff1493); }
.game-thumb-rhythm { background: linear-gradient(135deg, #00ffff, #00cccc); }
.game-thumb-snake { background: linear-gradient(135deg, #00ff00, #00cc00); }
.game-thumb-life { background: linear-gradient(135deg, #333333, #000000); color: #fff; }
.game-thumb-clicker { background: linear-gradient(135deg, #0066cc, #00ffff); }
.game-thumb-merge { background: linear-gradient(135deg, #bbada0, #edc22e); }
.game-thumb-simon { background: linear-gradient(135deg, #00aa00, #aa0000, #aaaa00, #0000aa); }
.game-thumb-typer { background: linear-gradient(135deg, #1a1a2e, #16213e); color: #00ffff; }
.game-thumb-pendu { background: linear-gradient(135deg, #f8f8f8, #e0e0e0); color: #000; }
.game-thumb-demineur { background: linear-gradient(135deg, #c0c0c0, #808080); }
.game-thumb-orbit { background: linear-gradient(135deg, #0a0a12, #0066aa); }
.game-thumb-refraction { background: linear-gradient(135deg, #0a0a0a, #333); color: #fff; }
.game-thumb-bourse { background: linear-gradient(135deg, #1a1a1a, #00aa00); }
.game-thumb-hardest { background: linear-gradient(135deg, #0066ff, #ff0000); }

@media (max-width: 600px) {
    .games-grid { grid-template-columns: 1fr; }
}