.text[data-v-9c6e805b]{color:#fff;position:absolute;align-self:center;font-weight:700;font-size:18px}.tile-face>img[data-v-9c6e805b]{width:100%;height:100%;object-fit:cover}.btn-container[data-v-9c6e805b]{display:flex;justify-content:space-evenly;position:absolute;bottom:0}.btn-container button[data-v-9c6e805b]{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;cursor:pointer}button img[data-v-9c6e805b]{max-width:38px;width:100%}.face[data-v-ad16bb48]{display:grid;grid-template-areas:"a . c" "e g f" "d . b";grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);flex:0 0 auto;margin:16px;padding:10px;width:26px;height:26px;background-color:#fff;border-radius:8px;border:2px solid black;cursor:pointer}.pip[data-v-ad16bb48]{display:block;align-self:center;justify-self:center;width:7px;height:7px;border-radius:50%;background-color:#333}.pip[data-v-ad16bb48]:nth-child(2){grid-area:b}.pip[data-v-ad16bb48]:nth-child(3){grid-area:c}.pip[data-v-ad16bb48]:nth-child(4){grid-area:d}.pip[data-v-ad16bb48]:nth-child(5){grid-area:e}.pip[data-v-ad16bb48]:nth-child(6){grid-area:f}.pip[data-v-ad16bb48]:nth-child(odd):last-child{grid-area:g}header[data-v-88e2c054]{display:flex;justify-content:space-evenly;align-items:end}h2[data-v-88e2c054]{max-width:40rem}.player[data-v-88e2c054],.kite[data-v-88e2c054]{position:absolute;z-index:10}.player[data-v-88e2c054]{background:url(/memaze/img/player.png);background-size:cover;transition:top .6s ease,left .6s ease}.kite[data-v-88e2c054]{background:url(/memaze/img/kite.png);background-size:cover}.btn-conatiner[data-v-88e2c054]{display:flex}button[data-v-88e2c054]{border:none;margin:.3rem;padding:0;width:auto;overflow:visible;cursor:pointer;background:transparent;font-size:1.8rem}.reset-btn[data-v-88e2c054]{font-size:inherit;background:#ffaaac;color:#000;margin:auto 0 auto .7rem;padding-right:10px;padding-left:10px;min-height:28px;font-weight:700;border-radius:5px;border:none}.hint[data-v-88e2c054]{max-width:20rem;min-height:60px;padding-top:11.1px;text-align:center}dialog[data-v-88e2c054]{border:none;outline:none;margin-bottom:auto;min-width:auto;border-radius:5px;background:#141620;color:#ececec;font-weight:700;font-size:28px;line-height:28px}html,body{margin:0;padding:0}html{height:-webkit-fill-available}body{color:#000;text-align:center;font-family:Poppins,Avenir,source-sans-pro,sans-serif;background:#f2f2f2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}main,footer{display:flex;flex-direction:column;align-items:center;padding:1rem .7rem}.board{display:grid;justify-content:center;position:relative}.row{display:flex}.tile:nth-child(3){border-radius:8px 0 0}.tile:nth-child(6){border-radius:0 8px 0 0}.tile:nth-child(15){border-radius:0 0 0 8px}.tile:nth-child(18){border-radius:0 0 8px}.tile.move{transition:all .5s ease}.tile{font-size:1rem;width:6rem;height:6rem;border:2px solid #000;background:#f2f2f2;position:relative;transform-style:preserve-3d;overflow:hidden;cursor:pointer}.is-flipped:not(.answered){border:2px solid #000;border-radius:0;z-index:2}.tile.steppable .tile-face{background:center / 23% no-repeat url(/memaze/img/tile_steppable.png)}.tile-face{width:100%;height:100%;position:relative;display:flex;justify-content:center}.tile-face.face-up{background:#fff;color:#000}.tile-face.face-down{background:center / contain no-repeat url(/memaze/img/tile_back.png);color:#fff}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-20px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-10px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-3px,0) scaleY(1.02)}}@keyframes shakeX{0%,to{transform:translateZ(0) scale3d(1.1,1.1,1.1)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0) scale3d(1.1,1.1,1.1)}20%,40%,60%,80%{transform:translate3d(10px,0,0) scale3d(1.1,1.1,1.1)}}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}@keyframes zoomIn{to{transform:scale3d(1.1,1.1,1.1)}}@keyframes zoomOut{0%{transform:scale3d(1.1,1.1,1.1)}to{transform:scaleZ(1)}}@keyframes zoomOutButton{to{transform:scale3d(.8,.8,.8)}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}@keyframes ellipse{0%{transform:translate(0) translateY(0)}25%{transform:translate(12px) translateY(-6px)}50%{transform:translate(25px) translateY(0)}75%{transform:translate(12px) translateY(6px)}to{transform:translate(0) translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bounce{animation-name:bounce;animation-duration:1.2s;animation-iteration-count:infinite}.zoomIn{backface-visibility:visible!important;animation-name:flipInY,zoomIn;animation-duration:.3s,.3s;animation-fill-mode:forwards}.zoomOut{animation-name:zoomOut;animation-duration:.3s}.zoomOutButton:hover{animation-name:zoomOutButton;animation-duration:.3s;animation-fill-mode:forwards}.shakeX{animation-name:shakeX;animation-duration:1s}.shakeY{animation-name:shakeY;animation-duration:30s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.ellipse{animation-name:ellipse;animation-duration:7s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.rotate{animation:rotate 1s}