.lightbulb {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        animation: pulse 3s infinite;
        cursor: pointer;
        transition: transform 0.3s, filter 0.3s, color 0.3s;
    }

    .lightbulb.active {
        transform: scale(1.5);
        filter: brightness(100%);
        color: #FFFF00; /* couleur plus lumineuse */
        animation: none; /* stop the pulse animation */
    }

    @keyframes pulse {
        0%, 100% {
            transform: scale(1.2);
            filter: brightness(100%);
            color: #FFD700; /* couleur de base plus sombre */
        } 
        75% {
            transform: scale(0.9);
            filter: brightness(92%);
            color: #FFA500; /* couleur de pulsation plus vive */
        }
    }

    .lightbulb-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: none;
        flex-wrap: wrap;
        pointer-events: none;
        z-index: -1;
    }

    .lightbulb-container .lightbulb {
        margin: 5px;
        animation: pulse 3s infinite;
    }