.game-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.game-card {
    display: grid;
    gap: 10px;
    min-height: 174px;
    padding: 14px;
}

.game-card h2 {
    font-size: 1rem;
}

.game-card p {
    color: var(--muted);
    font-size: 0.88rem;
}

.game-symbol,
.item-gem {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-card);
    background: linear-gradient(135deg, var(--accent), var(--accent-4));
}

.game-symbol.alt {
    background: linear-gradient(135deg, var(--accent-2), var(--accent-3));
}

.game-symbol.pulse {
    background: linear-gradient(135deg, var(--accent-4), var(--accent-3));
}

.game-symbol.spark {
    background: linear-gradient(135deg, var(--accent), var(--accent-2));
}
