/* Custom styles beyond Tailwind */
canvas {
    display: block;
    image-rendering: pixelated;
}

/* Animations */
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.animate-pulse-custom {
    animation: pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Prevent touch scrolling on mobile when interacting with canvas */
body {
    touch-action: manipulation;
}

#gameCanvas {
    touch-action: none;
}