.flip-card{perspective:600px;width:60px;height:60px}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.36,.07,.19,.97);position:relative}.flip-card-inner.flipped{background-image:url(/games/memorycards/cards-front.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;transform:rotateY(180deg)}.flip-card-front,.flip-card-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:50%;width:100%;height:100%;image-rendering:pixelated;transition:transform .25s ease-in-out;position:absolute}.flip-card-front{background-image:url(/games/memorycards/cards-back.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}.flip-card-inner.flipped .flip-card-back{animation:.35s ease-out card-bounce}.flip-card-back{background-color:#1a1a2e;transform:rotateY(180deg);box-shadow:0 0 1px #000}.pixel-card-game-bg{padding:20px 4px 0}@keyframes swinging{0%{transform:translate(0)rotate(0)}10%{transform:translate(-2px)rotate(-2deg)}25%{transform:translate(3px)rotate(3deg)}40%{transform:translate(-3px)rotate(-3deg)}60%{transform:translate(2px)rotate(2deg)}80%{transform:translate(-1px)rotate(-1deg)}to{transform:translate(0)rotate(0)}}@keyframes card-bounce{0%{transform:rotateY(180deg)scale(.9)}40%{transform:rotateY(180deg)scale(1.05)}70%{transform:rotateY(180deg)scale(.98)}to{transform:rotateY(180deg)scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:.4s ease-out forwards fadeIn}
:host,div{image-rendering:pixelated}