/* Carrot Dodger Custom Styles */

/* Prevent browser default scroll behaviors when playing with space/arrows */
canvas {
    touch-action: none;
    display: block;
    width: 100%;
    height: 100%;
}

/* Custom glow effect during Fever Mode */
@keyframes gold-fever-glow {
    0% {
        box-shadow: 0 0 10px rgba(245, 158, 11, 0.4), inset 0 0 10px rgba(245, 158, 11, 0.2);
        border-color: rgba(245, 158, 11, 0.5);
    }
    50% {
        box-shadow: 0 0 25px rgba(245, 158, 11, 0.8), inset 0 0 20px rgba(245, 158, 11, 0.4);
        border-color: rgba(245, 158, 11, 0.9);
    }
    100% {
        box-shadow: 0 0 10px rgba(245, 158, 11, 0.4), inset 0 0 10px rgba(245, 158, 11, 0.2);
        border-color: rgba(245, 158, 11, 0.5);
    }
}

.fever-active-border {
    animation: gold-fever-glow 1.2s infinite ease-in-out;
}

/* Custom scrollbars for leaderboards */
#ranking-list::-webkit-scrollbar {
    width: 4px;
}
#ranking-list::-webkit-scrollbar-track {
    background: transparent;
}
#ranking-list::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}
.dark #ranking-list::-webkit-scrollbar-thumb {
    background: #475569;
}

/* Shaking animation when player gets hit or when fever ends */
@keyframes shake-stage {
    0%, 100% { transform: translate(0, 0); }
    10%, 30%, 50%, 70%, 90% { transform: translate(-4px, 0); }
    20%, 40%, 60%, 80% { transform: translate(4px, 0); }
}

.shake-animation {
    animation: shake-stage 0.5s ease-in-out;
}