/* Pac-Man animations */
@keyframes chomp {
    0% { d: path("M50 50 L95 25 A50 50 0 1 0 95 75 Z"); }
    50% { d: path("M50 50 L95 50 A50 50 0 1 0 95 50 Z"); }
    100% { d: path("M50 50 L95 25 A50 50 0 1 0 95 75 Z"); }
}

/* Smooth transitions for HTMX swaps */
.htmx-settling {
    opacity: 0;
}
.htmx-swapping {
    opacity: 0;
    transition: opacity 100ms ease-out;
}
.htmx-added {
    opacity: 0;
}