/**
 * Tet Fireworks Plugin - CSS Styles
 * Styles cho plugin hiệu ứng pháo hoa Tết
 */

/* Animation cho nút toggle */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

#tet-fireworks-toggle {
    animation: pulse 2s ease-in-out infinite;
}

#tet-fireworks-toggle:active {
    transform: scale(0.95) !important;
}

/* Responsive cho mobile */
@media (max-width: 768px) {
    #tet-fireworks-toggle {
        width: 50px;
        height: 50px;
        font-size: 24px;
        bottom: 15px;
        right: 15px;
    }
}

/* Tối ưu hiệu năng */
canvas {
    will-change: transform;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}