/* css/style.css */

/* We moved the .control-btn styles into the HTML classes directly. */
/* You can keep this file for other standard CSS if needed. */

body {
    /* Example: Prevent bounce scroll on mobile */
    overscroll-behavior: none;
}

/* The Modal Animation */
@keyframes modalPop {
    0% { transform: scale(0.5); opacity: 0; }
    60% { transform: scale(1.1); opacity: 1; }
    80% { transform: scale(0.95); }
    100% { transform: scale(1); }
}

.modal-animate {
    animation: modalPop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

/* A subtle glow for the winner */
.winner-glow {
    box-shadow: 0 0 50px rgba(129, 182, 76, 0.6);
    border-color: #81b64c;
}