/* ===========================================
   MARBLE TYPES
   Invest (green) and Consume (red) marble styles
   =========================================== */

/* Invest (green) marble */
.marble.invest {
    background: radial-gradient(circle at 40% 40%, var(--invest-primary), var(--invest-secondary));
    box-shadow: 0 4px 15px var(--invest-glow);
    cursor: default;
    transition: transform 0.15s ease, opacity 0.15s ease;
}

.marble.invest:hover {
    transform: scale(1.1);
}

/* Consume (red) marble */
.marble.consume {
    background: radial-gradient(circle at 40% 40%, var(--consume-primary), var(--consume-secondary));
    box-shadow: 0 4px 15px var(--consume-glow);
    cursor: default;
    transition: transform 0.15s ease, opacity 0.15s ease;
}

.marble.consume:hover {
    transform: scale(1.1);
}