@keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        .float {
            animation: float 3s ease-in-out infinite;
        }
        .score-popup {
            opacity: 0;
            position: absolute;
            transition: all 0.5s;
            pointer-events: none;
        }

        .gold-button {
            background: linear-gradient(145deg, #FFD700, #FFA500);
            color: #1a1a1a;
            border: 2px solid #e6c200;
            box-shadow: 0 4px 10px rgba(255, 215, 0, 0.5);
            transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
        }
        .gold-button:hover {
            transform: scale(1.02);
            box-shadow: 0 6px 14px rgba(255, 215, 0, 0.7);
        }

        .back-button {
            background: linear-gradient(145deg, #3B82F6, #1D4ED8);
            color: white;
            border: 2px solid #1E40AF;
            box-shadow: 0 4px 6px #1D4ED8;
            transition: all 0.2s ease;
        }
        .back-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 8px #1D4ED8;
        }


          .reset-button {
            background: linear-gradient(145deg, #f63b3b, #bb0e0e);
            color: white;
            border: 2px solid #f63b3b;
            box-shadow: 0 4px 6px #bb0e0e;
            transition: all 0.2s ease;
        }
        .reset-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 8px #bb0e0e;
        }