/* --- 공통 효과 --- */
@keyframes glow {
    0%   { opacity: 0.125; }
    87%  { opacity: 1; }
    100% { opacity: 1; }
}

@keyframes hovering-1 {
    0%   { transform: translateY(-1rem); }
    100% { transform: translateY(0.5rem); }
}

@keyframes hovering-2 {
    0%   { transform: translateY(0.5rem); }
    100% { transform: translateY(-1rem); }
}

/* --- PC / Default (1rem 이동 기준) --- */
@keyframes box1 {
    0%   { transform: translateY(-2rem) scale(0.76); }
    100% { transform: translateY(0) scale(0.76); }
}
@keyframes box2 {
    0%   { transform: translateY(-1rem) scaleX(-1) scale(0.91); }
    100% { transform: translateY(0) scaleX(-1) scale(0.91); }
}
@keyframes box3 {
    0%   { transform: translateY(-2rem) scale(0.82); }
    100% { transform: translateY(0) scale(0.82); }
}
@keyframes coin1 {
    0%   { transform: translateY(-1.5rem) scale(0.9); }
    100% { transform: translateY(0) scale(0.9); }
}
@keyframes coin2 {
    0%   { transform: translateY(-1.5rem) scale(0.9); }
    100% { transform: translateY(0) scale(0.9); }
}
@keyframes coin3 {
    0%   { transform: translateY(-1.5rem) scale(0.85); }
    100% { transform: translateY(0) scale(0.85); }
}
@keyframes card1 {
    0%   { transform: translateY(-1rem) scale(0.85); }
    100% { transform: translateY(0) scale(0.85); }
}
@keyframes card2 {
    0%   { transform: translateY(-1rem) scaleX(-1) scale(0.85); }
    100% { transform: translateY(0) scaleX(-1) scale(0.85); }
}
@keyframes card3 {
    0%   { transform: translateY(-1rem) scaleX(-1) scale(0.85); }
    100% { transform: translateY(0) scaleX(-1) scale(0.85); }
}

/* --- Tablet (md 중간값) --- */
@keyframes box1md {
    0%   { transform: translateY(-2rem) scale(0.548); }
    100% { transform: translateY(0) scale(0.548); }
}
@keyframes box2md {
    0%   { transform: translateY(-1rem) scaleX(-1) scale(0.629); }
    100% { transform: translateY(0) scaleX(-1) scale(0.629); }
}
@keyframes box3md {
    0%   { transform: translateY(-2rem) scale(0.59); }
    100% { transform: translateY(0) scale(0.59); }
}
@keyframes coin1md {
    0%   { transform: translateY(-1.5rem) scale(0.63); }
    100% { transform: translateY(0) scale(0.63); }
}
@keyframes coin2md {
    0%   { transform: translateY(-1.5rem) scale(0.63); }
    100% { transform: translateY(0) scale(0.63); }
}
@keyframes coin3md {
    0%   { transform: translateY(-1.5rem) scale(0.605); }
    100% { transform: translateY(0) scale(0.605); }
}
@keyframes card1md {
    0%   { transform: translateY(-1rem) scale(0.575); }
    100% { transform: translateY(0) scale(0.575); }
}
@keyframes card2md {
    0%   { transform: translateY(-1rem) scaleX(-1) scale(0.575); }
    100% { transform: translateY(0) scaleX(-1) scale(0.575); }
}
@keyframes card3md {
    0%   { transform: translateY(-1rem) scaleX(-1) scale(0.575); }
    100% { transform: translateY(0) scaleX(-1) scale(0.575); }
}

/* --- Mobile (m) --- */
@keyframes box1m {
    0%   { transform: translateY(-2rem) scale(0.336); }
    100% { transform: translateY(0) scale(0.336); }
}
@keyframes box2m {
    0%   { transform: translateY(-1rem) scaleX(-1) scale(0.348); }
    100% { transform: translateY(0) scaleX(-1) scale(0.348); }
}
@keyframes box3m {
    0%   { transform: translateY(-2rem) scale(0.36); }
    100% { transform: translateY(0) scale(0.36); }
}
@keyframes coin1m {
    0%   { transform: translateY(-1.5rem) scale(0.36); }
    100% { transform: translateY(0) scale(0.36); }
}
@keyframes coin2m {
    0%   { transform: translateY(-1.5rem) scale(0.36); }
    100% { transform: translateY(0) scale(0.36); }
}
@keyframes coin3m {
    0%   { transform: translateY(-1.5rem) scale(0.36); }
    100% { transform: translateY(0) scale(0.36); }
}
@keyframes card1m {
    0%   { transform: translateY(-1rem) scale(0.3); }
    100% { transform: translateY(0) scale(0.3); }
}
@keyframes card2m {
    0%   { transform: translateY(-1rem) scaleX(-1) scale(0.3); }
    100% { transform: translateY(0) scaleX(-1) scale(0.3); }
}
@keyframes card3m {
    0%   { transform: translateY(-1rem) scaleX(-1) scale(0.3); }
    100% { transform: translateY(0) scaleX(-1) scale(0.3); }
}

@keyframes finger_circle{
    0%{
        transform: translate(calc(-50% - .3rem), calc(-50% - 1.5rem)) scale(0.7);
        opacity: .73;
    }
    100%{
        transform: translate(calc(-50% - .3rem), calc(-50% - 1.8rem)) scale(0.84);
        opacity: .96;
    }
}