body {
            font-family: 'Roboto', sans-serif;
            background-color: #f0fdf4; /* A light green for the background */
        }
        h1, h2, .fredoka {
            font-family: 'Fredoka One', cursive;
        }
        #safari-jeep, #trail-progress-fill {
            transition: all 0.5s ease-in-out;
        }
        .animal-stop {
            transition: all 0.3s ease-in-out;
        }
        .animal-stop:hover {
            transform: scale(1.2);
        }
        .animal-stop .paw-path {
             fill: #A8A29E; /* stone-400 */
             transition: fill 0.3s ease;
        }
        .animal-stop.completed .paw-path {
             fill: #22C55E; /* green-500 */
        }
        .feedback-correct {
            animation: bounce 0.5s ease;
        }
        .feedback-incorrect {
            animation: shake 0.5s ease;
        }

        @keyframes bounce {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
        }

        @keyframes shake {
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(-10px); }
            75% { transform: translateX(10px); }
        }
        
        /* Custom modal backdrop */
        .modal-backdrop {
            background-color: rgba(0,0,0,0.6);
        }

        /* Timer Styles */
        #timer-progress {
            transition: stroke-dashoffset 1s linear, stroke 0.3s ease;
        }
        
        /* Donation Button Style */
        #donation-button {
            transition: transform 0.3s ease;
        }
        #donation-button:hover {
            transform: scale(1.1);
        }