/* ========================================
   COMMERCIFY MODAL JEU SHOOT YOUR SCAMMERS
   Layout/overlay gérés par commercify_modal_games_commercify.css (80%, light/dark).
   Ici : canvas, boutons mode, keyframes.
   ======================================== */

/* Canvas pour le jeu */
#gameShootScammersCanvas {
    display: block !important;
    image-rendering: pixelated !important;
    image-rendering: crisp-edges !important;
    cursor: crosshair !important;
}

/* Hover sur boutons */
.btn-mode-select:hover {
    background: #ffc107 !important;
    transform: scale(1.02) !important;
}

/* Responsive */
@media (max-width: 768px) {
    #gameModeSelection > div > div {
        flex-direction: column !important;
    }
    
    #gameModeSelection > div > div > div {
        max-width: 100% !important;
    }
}

/* Animations pour les cibles */
@keyframes targetHit {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.5);
        opacity: 0.8;
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes dartFly {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }
}

/* Styles pour les effets visuels */
.particle-effect {
    pointer-events: none !important;
    position: absolute !important;
}

/* Mode performance : hover boutons mode désactivé */
body.performance-mode .btn-mode-select:hover {
    transform: none !important;
}