.game-memo{width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;position:relative;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:center}.game-memo,.game-memo *{box-sizing:border-box}.game-memo .game-memo-game-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:center}.game-memo .game-memo-loading{padding:2em}.game-memo.game-memo-state-loading>*{display:none}.game-memo.game-memo-state-loading .game-memo-loading{display:block !important}.game-memo.game-memo-in-game>*{display:none}.game-memo.game-memo-in-game .game-memo-game-wrapper{display:flex}.game-memo.game-memo-win>*{display:none}.game-memo.game-memo-win .game-memo-win-result{display:flex}.game-memo.game-memo-error>*{display:none}.game-memo.game-memo-error .game-memo-error-message{display:flex}.game-memo .game-memo-card{position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform 1s}.game-memo .game-memo-card .game-memo-card-cover img{width:100%;height:auto;pointer-events:none}.game-memo .game-memo-card .game-memo-card-face{transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}.game-memo .game-memo-card .game-memo-card-face img{width:100%;height:auto;pointer-events:none}.game-memo .game-memo-card .game-memo-card-cover,.game-memo .game-memo-card .game-memo-card-face{position:absolute;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:center;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.game-memo .game-memo-card.flipped,.game-memo .game-memo-card.flipped-lock{transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}.game-memo .game-memo-card.flipped-ok{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:.5s;animation-duration:.5s}.game-memo .game-memo-card.flipped-fail{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes pulse{from{transform:scale3d(1, 1, 1) rotateY(180deg);-moz-transform:scale3d(1, 1, 1) rotateY(180deg);-webkit-transform:scale3d(1, 1, 1) rotateY(180deg);-ms-transform:scale3d(1, 1, 1) rotateY(180deg)}50%{transform:scale3d(1.05, 1.05, 1.05) rotateY(180deg);-moz-transform:scale3d(1.05, 1.05, 1.05) rotateY(180deg);-webkit-transform:scale3d(1.05, 1.05, 1.05) rotateY(180deg);-ms-transform:scale3d(1.05, 1.05, 1.05) rotateY(180deg)}to{transform:scale3d(1, 1, 1) rotateY(180deg);-moz-transform:scale3d(1, 1, 1) rotateY(180deg);-webkit-transform:scale3d(1, 1, 1) rotateY(180deg);-ms-transform:scale3d(1, 1, 1) rotateY(180deg)}}@keyframes pulse{from{transform:scale3d(1, 1, 1) rotateY(180deg);-moz-transform:scale3d(1, 1, 1) rotateY(180deg);-webkit-transform:scale3d(1, 1, 1) rotateY(180deg);-ms-transform:scale3d(1, 1, 1) rotateY(180deg)}50%{transform:scale3d(1.05, 1.05, 1.05) rotateY(180deg);-moz-transform:scale3d(1.05, 1.05, 1.05) rotateY(180deg);-webkit-transform:scale3d(1.05, 1.05, 1.05) rotateY(180deg);-ms-transform:scale3d(1.05, 1.05, 1.05) rotateY(180deg)}to{transform:scale3d(1, 1, 1) rotateY(180deg);-moz-transform:scale3d(1, 1, 1) rotateY(180deg);-webkit-transform:scale3d(1, 1, 1) rotateY(180deg);-ms-transform:scale3d(1, 1, 1) rotateY(180deg)}}@-webkit-keyframes shake{10%,90%{transform:translate(-1px, 0) rotateY(180deg);-moz-transform:translate(-1px, 0) rotateY(180deg);-webkit-transform:translate(-1px, 0) rotateY(180deg);-ms-transform:translate(-1px, 0) rotateY(180deg)}20%,80%{transform:translate(2px, 0) rotateY(180deg);-moz-transform:translate(2px, 0) rotateY(180deg);-webkit-transform:translate(2px, 0) rotateY(180deg);-ms-transform:translate(2px, 0) rotateY(180deg)}30%,50%,70%{transform:translate(-4px, 0) rotateY(180deg);-moz-transform:translate(-4px, 0) rotateY(180deg);-webkit-transform:translate(-4px, 0) rotateY(180deg);-ms-transform:translate(-4px, 0) rotateY(180deg)}40%,60%{transform:translate(4px, 0) rotateY(180deg);-moz-transform:translate(4px, 0) rotateY(180deg);-webkit-transform:translate(4px, 0) rotateY(180deg);-ms-transform:translate(4px, 0) rotateY(180deg)}}@keyframes shake{10%,90%{transform:translate(-1px, 0) rotateY(180deg);-moz-transform:translate(-1px, 0) rotateY(180deg);-webkit-transform:translate(-1px, 0) rotateY(180deg);-ms-transform:translate(-1px, 0) rotateY(180deg)}20%,80%{transform:translate(2px, 0) rotateY(180deg);-moz-transform:translate(2px, 0) rotateY(180deg);-webkit-transform:translate(2px, 0) rotateY(180deg);-ms-transform:translate(2px, 0) rotateY(180deg)}30%,50%,70%{transform:translate(-4px, 0) rotateY(180deg);-moz-transform:translate(-4px, 0) rotateY(180deg);-webkit-transform:translate(-4px, 0) rotateY(180deg);-ms-transform:translate(-4px, 0) rotateY(180deg)}40%,60%{transform:translate(4px, 0) rotateY(180deg);-moz-transform:translate(4px, 0) rotateY(180deg);-webkit-transform:translate(4px, 0) rotateY(180deg);-ms-transform:translate(4px, 0) rotateY(180deg)}}