.draw-animation-card {
    position: absolute;
    pointer-events: none;
    z-index: 1300;
    margin: 0;
    will-change: transform, opacity;
    transform-origin: center center;
}

.draw-animation-card-inner {
    margin: 0;
    pointer-events: none;
}

.draw-animation-card .card,
.draw-animation-card .cg-card {
    cursor: default;
}

.draw-animation-card .cg-card-face {
    pointer-events: none;
}

.draw-animation-card-revealed .draw-animation-card-inner {
    animation: drawRevealPop 160ms ease-out both;
}

.draw-animation-slot {
    flex: 0 0 auto;
    pointer-events: none;
    cursor: default;
}

@keyframes drawRevealPop {
    0% {
        opacity: 0.82;
        transform: scale(0.96);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .draw-animation-card {
        display: none;
    }
}
