span.hover-card-container{bottom:0;left:50%;opacity:0;transition:opacity .2s ease}span.hover-card{width:120px;padding:1em;color:#fff;background-color:#0d6efd;border-radius:4px;font-size:.85rem;transform:translate(-50%)}span.notch{width:30px;height:30px;background-color:#0d6efd;transform:translate(-50%) rotate(45deg)}@media (min-height:770px) and (min-width:576px){span.hover-card-container{bottom:9px}}@media (max-height:769px){span.hover-card-container{bottom:0}}.card-container{height:16.66667%;font-size:2em;visibility:hidden}.card{background-color:#21328a;background-image:repeating-linear-gradient(120deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 1px,transparent 0,transparent 60px),repeating-linear-gradient(60deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1) 1px,transparent 0,transparent 60px),linear-gradient(60deg,rgba(0,0,0,.1) 25%,transparent 0,transparent 75%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1)),linear-gradient(120deg,rgba(0,0,0,.1) 25%,transparent 0,transparent 75%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1));background-size:70px 120px;box-shadow:0 0 5px grey;transition:all .4s ease;cursor:pointer}.card:hover{background-color:#2940af;box-shadow:0 0 10px 3px grey}.swirl{visibility:visible;-webkit-animation:swirl .6s ease-out both;animation:swirl .6s ease-out both}@-webkit-keyframes swirl{0%{-webkit-transform:rotate(-540deg) scale(0);transform:rotate(-540deg) scale(0);opacity:0}to{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:1}}@keyframes swirl{0%{-webkit-transform:rotate(-540deg) scale(0);transform:rotate(-540deg) scale(0);opacity:0}to{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:1}}.show{-webkit-animation:show .4s cubic-bezier(.455,.03,.515,.955) forwards;animation:show .4s cubic-bezier(.455,.03,.515,.955) forwards}@-webkit-keyframes show{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-color:#f5f5f5;background-image:none}}@keyframes show{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-color:#f5f5f5;background-image:none}}.hide{-webkit-animation:hide .4s cubic-bezier(.455,.03,.515,.955) forwards;animation:hide .4s cubic-bezier(.455,.03,.515,.955) forwards}@-webkit-keyframes hide{0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-color:#f5f5f5;background-image:none}to{-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes hide{0%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-color:#f5f5f5;background-image:none}to{-webkit-transform:rotateY(0);transform:rotateY(0)}}.remove{-webkit-animation:remove .4s cubic-bezier(.25,.46,.45,.94) forwards;animation:remove .4s cubic-bezier(.25,.46,.45,.94) forwards}@-webkit-keyframes remove{0%{-webkit-transform:rotateY(180deg) scale(1);transform:rotateY(180deg) scale(1);background-color:#f5f5f5;background-image:none}to{-webkit-transform:rotateY(180deg) scale(0);transform:rotateY(180deg) scale(0);background-color:#f5f5f5;background-image:none;filter:blur(40px)}}@keyframes remove{0%{-webkit-transform:rotateY(180deg) scale(1);transform:rotateY(180deg) scale(1);background-color:#f5f5f5;background-image:none}to{-webkit-transform:rotateY(180deg) scale(0);transform:rotateY(180deg) scale(0);background-color:#f5f5f5;background-image:none;filter:blur(40px)}}.empty{-webkit-animation:fade-in .2s cubic-bezier(.39,.575,.565,1) both;animation:fade-in .2s cubic-bezier(.39,.575,.565,1) both;border-radius:4px}@-webkit-keyframes fade-in{0%{background-color:transparent}to{background-color:rgba(0,0,0,.125)}}@keyframes fade-in{0%{background-color:transparent}to{background-color:rgba(0,0,0,.125)}}.emoji{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}@media (min-width:768px){.card-container{height:25%;font-size:3em}}.board{height:70vh;width:100%;margin:auto}.user-clicked-solve{top:0;left:0;width:100%;height:100%}#canvas-confetti{top:0;left:0}.scoreboard{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.25em 0}.tally-container{width:66.66667%}.attempts{width:100%;padding:6px 12px;border:1px solid #21328a;border-radius:4px}.jello{-webkit-animation:jello .9s both;animation:jello .9s both}@-webkit-keyframes jello{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes jello{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.matches{width:100%;padding:6px 12px;margin:0 6px;border:1px solid #21328a;border-radius:4px}.scoreboard button{width:33.33333%;background-color:#21328a}@media (min-height:770px){.scoreboard{padding:.5em 0;flex-direction:column}.tally-container{width:100%;margin:6px 0}.attempts{margin-right:3px}.matches{margin:0 0 0 3px}.scoreboard button{width:100%}}body{min-height:100vh;background-color:ivory;user-select:none}h1{color:#b33b64;padding:.25em;cursor:pointer}h1.focus-in-expand{-webkit-animation:focus-in-expand .8s cubic-bezier(.25,.46,.45,.94) both;animation:focus-in-expand .8s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}h1 span:first-of-type{color:#ff4787}h1 span.underline{position:relative}h1 span.underline:after{position:absolute;width:100%;height:3px;border-radius:1em;left:0;bottom:0;content:"";--webkit-animation:underline 1s both;animation:underline 1s both}@-webkit-keyframes underline{0%{background-color:ivory}to{background-color:#ff4787}}@keyframes underline{0%{background-color:ivory}to{background-color:#ff4787}}h1:hover,h1:hover span.hover-card-container{z-index:1;opacity:1}.boards-container{width:320px}@media (max-width:320px){.boards-container{width:250px}}@media (min-height:770px){h1{padding:.5em}}@media (min-width:768px){.boards-container{max-width:none;width:650px}}