/* ✅ 20 — Side Menu Grid Card */
.menu-card {
    background: linear-gradient(160deg, rgba(250,204,21,.05), rgba(255,255,255,0)), var(--card);
    border: 1px solid var(--border);
    border-radius: 16px;
    height: 64px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,.3);
    transition: transform 0.18s cubic-bezier(.22,1,.36,1), background-color 0.2s ease, box-shadow .18s ease;
}
.menu-card:active { transform: scale(.96); box-shadow: 0 2px 6px rgba(0,0,0,.3); }
.menu-card i { font-size: 20px; }
.menu-icon-orange { color: var(--gold-bright); }
.menu-icon-gold { color: var(--gold-main); }
.menu-icon-cyan { color: var(--emerald-green-600); }
.menu-icon-green { color: var(--emerald-green-600); }
.menu-icon-flag { color: var(--crimson-red); }
.menu-card span {
    color: var(--muted);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-align: center;
}