/* Common explosion effects shared across festival modules */

.flash-bang {
    position: fixed;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(255, 215, 0, 0.8) 30%, transparent 70%);
    z-index: 10000;
    pointer-events: none;
    mix-blend-mode: screen;
}

.shockwave {
    position: fixed;
    z-index: 9998;
    border-radius: 50%;
    pointer-events: none;
    border: 3px solid rgba(255, 215, 0, 0.8);
    box-shadow: 0 0 20px rgba(255, 69, 0, 0.8), inset 0 0 20px rgba(255, 215, 0, 0.5);
    transform: translate(-50%, -50%) scale(0.1);
    opacity: 1;
}

.explosion-particle {
    position: fixed;
    z-index: 9999;
    border-radius: 50%;
    pointer-events: none;
    mix-blend-mode: screen;
    box-shadow: 0 0 8px currentColor, 0 0 15px currentColor;
}

@keyframes flashFade {
    0% { opacity: 1; transform: translate(-50%, -50%) scale(0.5); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(1.5); }
}

@keyframes expandShockwave {
    0% { transform: translate(-50%, -50%) scale(0.1); opacity: 1; border-width: 10px; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 0; border-width: 1px; }
}