Firefox CSS doesn't animate but Chrome does

I have a relatively simple Fiddle, that I've mucked up with additional @-webkit- and @-moz- duplicates, but it still fails on Firefox.

div.overlay-dialogue {  
    ...
    animation: ANIM_NAME 0.5s ease-in-out; 
} 

@keyframes ANIM_NAME {  
    0% { transform: rotateY(55deg); opacity: 0; }  
    100% { transform: rotateY(0deg); opacity: 1; }  
}

http://ift.tt/1fXxETp

Can anyone see why??