/* 버튼 클릭 시 팝(Pop) 애니메이션 */
@keyframes tgPop { 0%{transform:scale(1)} 40%{transform:scale(1.12)} 100%{transform:scale(1)} }
.tg-pop{ animation: tgPop .22s ease-out; }

/* 숫자 카운트 팝 애니메이션 */
@keyframes tgPopCount { 0%{transform:scale(1)} 40%{transform:scale(1.25)} 100%{transform:scale(1)} }
.tg-pop-count{ animation: tgPopCount .22s ease-out; }

/* 파티클 이펙트 스타일 */
.tg-particle{
    position:fixed;
    transform: translate(-50%,-50%);
    font-size:18px;
    z-index: 10000;
    pointer-events:none;
    animation: tgParticle .9s ease-out forwards;
    filter: drop-shadow(0 6px 10px rgba(0,0,0,.12));
}

/* 파티클 날아가는 애니메이션 */
@keyframes tgParticle{
    from { opacity:1; transform: translate(-50%,-50%) scale(1) rotate(0deg); }
    to   { opacity:0; transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.3) rotate(var(--rot)); }
}
