/* Flappy Sofia - Additional Styles */

/* Prevent pull-to-refresh and overscroll on mobile */
html, body {
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
}

/* Canvas focus outline removal */
canvas:focus {
    outline: none;
}

/* Smooth font rendering */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Prevent text selection during gameplay */
.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Touch action for mobile */
.touch-none {
    touch-action: none;
}

/* Hide scrollbar */
body::-webkit-scrollbar {
    display: none;
}

body {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* File input styling improvements */
input[type="file"] {
    cursor: pointer;
}

/* Animation for score popup */
@keyframes scorePopup {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

/* Button press effect */
button:active {
    transform: scale(0.95);
}

/* Ensure canvas is crisp */
canvas {
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-crisp-edges;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}