@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
}

#game-container {
    /* The background is now drawn on the canvas for synchronized scrolling */
}

@keyframes score-pop {
    0% { transform: scale(1) rotate(0deg); }
    50% { transform: scale(1.4) rotate(-5deg); }
    100% { transform: scale(1) rotate(0deg); }
}

.score-popped {
    animation: score-pop 0.3s ease-in-out;
    display: inline-block;
}

#game-canvas {
    z-index: 10;
}

#score-display, #ui-overlay {
    z-index: 20;
    font-family: 'Bebas Neue', cursive;
}

.text-shadow-lg {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.font-bebas {
    font-family: 'Bebas Neue', cursive;
}