.puzzle-content #master-root{margin:0 auto;width:350px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;font-size:16px}.puzzle-content .app-vertical{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.puzzle-content #app-border-bottom,.puzzle-content #app-border-top{width:350px;z-index:10}.puzzle-content .app-horizontal{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.puzzle-content #app-border-left,.puzzle-content #app-border-right{height:545px;width:22px;z-index:10}.puzzle-content #app-bottom{position:relative}.puzzle-content #app-bottom button{position:absolute;left:151px;top:15px;height:47px;width:47px;border-radius:50%;background-color:transparent;cursor:pointer}.puzzle-content #app-content{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;width:100%;background-color:#fff;overflow:hidden}.puzzle-content .app-buttons{margin:.5em}.puzzle-content .app-buttons button{font-size:2em;border-radius:50%;background-color:#fff;border:10px solid #eee;box-shadow:inset -1px -1px 4px #ccc;margin:0 20px;width:100px;height:100px}.puzzle-content .app-buttons button:active{background-color:#aaa;box-shadow:inset 1px 1px 4px #999}#start-again-tooltip{margin-top:25px}.puzzle-content .screen{-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;height:100%}.puzzle-content .card,.puzzle-content .screen{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.puzzle-content .card{margin:10px;padding:0 10px;background-color:#fff;background-size:cover;height:300px;border:1px solid grey;border-radius:10px;box-shadow:2px 2px 5px #ccc}.puzzle-content .card .image{margin:auto}.puzzle-content .card .image img{max-width:250px;max-height:240px;pointer-events:none}@-webkit-keyframes shake{0%{-webkit-transform:translate(0);transform:translate(0)}33%{-webkit-transform:translate(-1%);transform:translate(-1%)}66%{-webkit-transform:translate(1%);transform:translate(1%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes shake{0%{-webkit-transform:translate(0);transform:translate(0)}33%{-webkit-transform:translate(-1%);transform:translate(-1%)}66%{-webkit-transform:translate(1%);transform:translate(1%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes swipe-left{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-100%);transform:translate(-100%)}}@keyframes swipe-left{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-100%);transform:translate(-100%)}}@-webkit-keyframes swipe-right{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(100%);transform:translate(100%)}}@keyframes swipe-right{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(100%);transform:translate(100%)}}.puzzle-content .shaking{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.puzzle-content .swipe-left{-webkit-animation-name:swipe-left;animation-name:swipe-left;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:eas-in-out;animation-timing-function:eas-in-out}.puzzle-content .swipe-right{-webkit-animation-name:swipe-right;animation-name:swipe-right;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:eas-in-out;animation-timing-function:eas-in-out}