/* Overlay canvas for card effects (public/assets/js/effects.js). */
.effect-host { position: relative; }
.effect-canvas { position: absolute; inset: 0; z-index: 5; width: 100%; height: 100%; pointer-events: none; }

.effects-demo-stage { position: relative; display: grid; place-items: center; min-height: 520px; padding: 32px 20px; border-radius: 28px; background: radial-gradient(circle at 50% 30%, #1B5A40, var(--green) 70%); overflow: hidden; }
.effects-demo-stage .card-view { width: min(100%, 520px); }
.effects-demo-stage .cv-credit { color: #BFD3C7; }
.effect-buttons { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 8px; }
.effects-demo-make { margin: 24px 0 12px; }