body{margin:0;padding:0;font-family:Jua,sans-serif;overflow-y:var(--body-overflow)}.card{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:10vw;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;margin:10px}.card .back{-webkit-transition:opacity .3s ease-out .3s;-o-transition:opacity .3s ease-out .3s;transition:opacity .3s ease-out .3s}.card:before{content:"";display:block;padding-top:100%}.card.flipped,.card.solved{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.card.solved .back{opacity:.3}.back,.front{width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;border-radius:5px;-webkit-mask-image:url(/static/media/mask.01dbc94b.svg);mask-image:url(/static/media/mask.01dbc94b.svg);-webkit-mask-size:cover;mask-size:cover}.front{z-index:2;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.back span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.board{-webkit-perspective:1000px;perspective:1000px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-item-width),1fr));max-width:var(--grid-max-width);margin:0 auto}.timer{display:inline-block;font-family:Share Tech Mono,monospace}.counter{display:inline-block;font-family:Share Tech Mono,monospace;margin-right:60px}.popup-outer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;overflow-y:scroll;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.popup-inner{width:100%;max-width:400px;max-height:100%;background-color:#fff;border-radius:5px;margin:0 auto;-webkit-box-shadow:0 0 100px 70px #fff;box-shadow:0 0 100px 70px #fff;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.score{display:inline-block;font-family:Share Tech Mono,monospace;margin-left:60px}.leaderboard{max-width:128px;margin:0 auto}.leaderboard .red{color:red}.play-again{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip:ink;color:#06aaed;cursor:pointer;margin-top:20px}.app{text-align:center;background:var(--background-gradient);padding-top:20px;min-height:100vh;-webkit-box-sizing:border-box;box-sizing:border-box}.app>h1{margin-top:0}
/*# sourceMappingURL=main.e83f6ef2.css.map*/