@keyframes gradientAnimation {
            0% { background-color: #3A3A3A; color: #FFD700; }
            25% { background-color: #1E1E1E; color: #FF69B4; }
            50% { background-color: #333333; color: #1E90FF; }
            75% { background-color: #242424; color: #00FF7F; }
            100% { background-color: #3A3A3A; color: #FFD700; }
        }        

        #celebrationEffect {
            display: none;
            position: fixed;
            bottom: 10%;
            left: 50%;
            transform: translateX(-50%);
            padding: 20px 30px;
            font-size: 18px;
            font-weight: bold;
            border-radius: 10px;
            animation: gradientAnimation 3s infinite;
            z-index: 1000;
            text-align: center;
            box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
        }

        #confettiContainer {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none; /* Impedisce interazioni con i coriandoli */
            z-index: 999; /* Dietro al messaggio ma sopra il contenuto */
        }

        .confetti {
            position: absolute;
            width: 10px;
            height: 10px;
            background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%);
            border-radius: 50%;
            opacity: 0.8;
            animation: confettiMove var(--duration) linear infinite;
        }

        @keyframes confettiMove {
            0% {
                transform: translate(0, 0) scale(0.5);
                opacity: 1;
            }
            25% {
                transform: translate(calc(var(--x) * 1.5), calc(var(--y) * -1.5)) scale(1);
                opacity: 1;
            }
            50% {
                transform: translate(calc(var(--x) * 2), calc(var(--y) * -2)) scale(1.2);
                opacity: 0.8;
            }
            100% {
                transform: translate(calc(var(--x) * 2), 150vh) scale(1);
                opacity: 0;
            }
        }

        /* Colori diversi per i coriandoli */
        .confetti:nth-child(2n) { background: radial-gradient(circle, #FF69B4 0%, rgba(0,0,0,0) 100%); }
        .confetti:nth-child(3n) { background: radial-gradient(circle, #1E90FF 0%, rgba(0,0,0,0) 100%); }
        .confetti:nth-child(4n) { background: radial-gradient(circle, #00FF7F 0%, rgba(0,0,0,0) 100%); }
        .confetti:nth-child(5n) { background: radial-gradient(circle, #FFD700 0%, rgba(0,0,0,0) 100%); }
        .confetti:nth-child(6n) { background: radial-gradient(circle, #FF4500 0%, rgba(0,0,0,0) 100%); }