.card[data-v-22ae467c]{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:opacity .3s,-webkit-transform .4s var(--ease-out-back);transition:opacity .3s,-webkit-transform .4s var(--ease-out-back);transition:transform .4s var(--ease-out-back),opacity .3s;transition:transform .4s var(--ease-out-back),opacity .3s,-webkit-transform .4s var(--ease-out-back);cursor:not-allowed}.card.turnable[data-v-22ae467c]{cursor:pointer}.card.turned[data-v-22ae467c]{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.card.off[data-v-22ae467c]{cursor:default;pointer-events:none}.card.collected[data-v-22ae467c]{-webkit-transform:rotateY(-180deg) scale(0);transform:rotateY(-180deg) scale(0)}.card-side[data-v-22ae467c]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:5%}.back[data-v-22ae467c]{background:linear-gradient(135deg,var(--primary),var(--primary-stop));padding:15%}.face[data-v-22ae467c]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-color:#fff}.card-image[data-v-22ae467c]{position:relative;background-color:#eee;width:94%;height:94%;margin:3%;border-radius:3%;-o-object-fit:cover;object-fit:cover}.desk[data-v-f39636be]{display:grid;grid-template-columns:repeat(var(--grid-size),1fr);grid-template-rows:repeat(var(--grid-size),1fr);grid-gap:1%;padding:1em;height:100vh;width:100vh;-webkit-perspective:100vh;perspective:100vh}@media (orientation:portrait){.desk[data-v-f39636be]{width:100vw;height:100vw;-webkit-perspective:100vw;perspective:100vw}}@media (orientation:landscape) and (max-aspect-ratio:5/3){.desk[data-v-f39636be]{width:65vw;height:65vw}}@media (max-aspect-ratio:3/4){.desk[data-v-f39636be]{width:95vw;height:95vw}}.pile[data-v-3452e162]{-webkit-perspective:100px;perspective:100px;position:relative;width:calc(3em + 6vw);height:calc(3em + 6vw);margin:1.5em}.pile-card[data-v-3452e162]{display:block;position:absolute;width:90%;height:90%;top:5%;left:5%;background-color:#eee;padding:3%;border-radius:3%;-o-object-fit:cover;object-fit:cover}.counter[data-v-3452e162]{position:absolute;top:-.5em;left:-.5em;-webkit-box-shadow:.25em .25em 1em var(--bg);box-shadow:.25em .25em 1em var(--bg);width:2em;height:2em;line-height:2em;border-radius:1em;background-color:var(--primary);font-weight:700;border:.1em solid}.qr{position:fixed;z-index:100;width:90vh;height:90vh;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:2em;-webkit-box-shadow:0 0 10em 2em var(--bg);box-shadow:0 0 10em 2em var(--bg);background-color:#fff}@media (orientation:portrait){.qr{width:90vw;height:90vw}}.swap-enter-active,.swap-leave-active{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.swap-enter,.swap-leave-to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}.endButton{position:relative}.endButton:not(:disabled){-webkit-animation:bigbop .4s;animation:bigbop .4s}.endButton:before{position:absolute;top:0;left:calc(50% - 1em);z-index:-1;content:"";width:2em;height:2em;background-color:#fff;opacity:0;border-radius:10em}.endButton:not(:disabled):before{opacity:.8;-webkit-animation:megapop 1.3s ease-out infinite;animation:megapop 1.3s ease-out infinite}.loading-screen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;height:100vh}.loading-screen div div svg{height:70%;width:70%;fill:var(--primary)}.loading-text{font-weight:700;font-size:1.1rem;margin:1em}.game{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:100vh;overflow:hidden}@media (orientation:portrait){.game{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.desk{-ms-flex-item-align:center;align-self:center}.controls{margin:1em 0;-webkit-box-flex:1;-ms-flex:1 1 0em;flex:1 1 0em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.controls a,.controls button{display:block;margin:.5em}@media (orientation:portrait){.controls{margin:0 1em;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (max-height:400px),(max-width:400px){.controls{font-size:.7rem}.controls .fh-btn{font-size:1.2rem;padding:.3em .5em}.controls .counter{font-size:1.5em}.controls .avatar .info{font-size:1rem}.controls .avatar .image{width:50px;height:50px}}.player-corner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (orientation:portrait){.player-corner{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.turn-count{font-size:1.5em}.turn-count b{font-size:2em}@media (orientation:portrait){.control-corner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}}@-webkit-keyframes megapop{10%{-webkit-transform:none;transform:none}70%,to{-webkit-transform:scale(10);transform:scale(10);opacity:0}}@keyframes megapop{10%{-webkit-transform:none;transform:none}70%,to{-webkit-transform:scale(10);transform:scale(10);opacity:0}}@-webkit-keyframes bigbop{30%{-webkit-transform:scaleX(1.4) scaleY(.7);transform:scaleX(1.4) scaleY(.7)}}@keyframes bigbop{30%{-webkit-transform:scaleX(1.4) scaleY(.7);transform:scaleX(1.4) scaleY(.7)}}