.letter{width:15%;height:50px;max-width:50px;border:1px solid grey;display:inline-block;margin:5px;font-size:2em;text-align:center;text-transform:uppercase;vertical-align:top;transition:transform .8s}@-webkit-keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.shake{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}

/*!
 * 
 *   simple-keyboard v3.4.84
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px rgba(0,0,0,.3);box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;max-width:272px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:rgba(0,0,0,.03);cursor:pointer}li.hg-candidate-box-list-item:active{background:rgba(0,0,0,.1)}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;background:#d0d0d0;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}:root{--fc1:#f20;--fc2:#ff0;--fc3:#04f;--fc4:#0f4;--fc5:#f0f;--fc:var(--fc1)}body{overflow:hidden}.fireworks:after,.fireworks:before{position:absolute;top:0;left:0;content:"";width:5px;height:5px;border-radius:50%;box-shadow:-120px 0 var(--fc),120px 0 var(--fc),0 120px var(--fc),0 -120px var(--fc),45px 45px var(--fc),-45px 45px var(--fc),85px 85px var(--fc),-85px 85px var(--fc),45px -45px var(--fc),-45px -45px var(--fc),85px -85px var(--fc),-85px -85px var(--fc),65px 0 var(--fc),-65px 0 var(--fc),0 65px var(--fc),0 -65px var(--fc),100px 45px var(--fc),-100px 45px var(--fc),-50px 100px var(--fc),50px 100px var(--fc),100px -45px var(--fc),-100px -45px var(--fc),-50px -100px var(--fc),50px -100px var(--fc),5px 10px var(--fc);-webkit-animation:bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards;animation:bang 1s ease-out infinite backwards,gravity 1s ease-in infinite backwards,position 5s linear infinite backwards}.fireworks:after{-webkit-animation-delay:1.25s,1.25s,1.25s;animation-delay:1.25s,1.25s,1.25s;-webkit-animation-duration:1.25s,1.25s,6.25s;animation-duration:1.25s,1.25s,6.25s}@-webkit-keyframes bang{0%{box-shadow:0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0}}@keyframes bang{0%{box-shadow:0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0,0 0 #ff0}}@-webkit-keyframes gravity{to{transform:translate(-10px,150px);height:6px;width:4px;opacity:0}}@keyframes gravity{to{transform:translate(-10px,150px);height:6px;width:4px;opacity:0}}@-webkit-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%;--fc:var(--fc1)}20%,39.9%{margin-top:2%;margin-left:70%;--fc:var(--fc2)}40%,59.9%{margin-top:20%;margin-left:70%;--fc:var(--fc3)}60%,79.9%{margin-top:30%;margin-left:20%;--fc:var(--fc4)}80%,99.9%{margin-top:30%;margin-left:80%;--fc:var(--fc5)}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%;--fc:var(--fc1)}20%,39.9%{margin-top:2%;margin-left:70%;--fc:var(--fc2)}40%,59.9%{margin-top:20%;margin-left:70%;--fc:var(--fc3)}60%,79.9%{margin-top:30%;margin-left:20%;--fc:var(--fc4)}80%,99.9%{margin-top:30%;margin-left:80%;--fc:var(--fc5)}}.text{color:#000;width:100%;height:100vh;font-family:cursive;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:4rem}.text span{text-shadow:0 0 12px #ffe0b4,0 0 #ffe044,0 0 5px #ffe074;margin:0}.text span:last-child{margin:20px}#friendLink[data-v-6783e12c]{position:absolute;top:0;right:50%;transform:translateX(50%);width:100%;height:100%;max-width:800px;max-height:600px;background-color:#fff;border:2px solid #000;z-index:50}#currentGameCode[data-v-6783e12c]{margin-top:40px}#enterFriendCode[data-v-6783e12c]{margin-top:40px;display:block;width:100%}#enterFriendCodeInput[data-v-6783e12c]{-moz-appearance:textfield;width:40%;display:inline-block}#enterFriendCodeInput[data-v-6783e12c]::-webkit-inner-spin-button,#enterFriendCodeInput[data-v-6783e12c]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#cancel[data-v-6783e12c]{display:block;margin:0 auto;margin-top:40px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.WordLine{width:80%;margin:0 auto;display:block}.simple-keyboard{max-width:550px;margin:0 auto}@-webkit-keyframes flip-correct{0%{transform:rotateX(0deg);background-color:#fff}50%{transform:rotateX(90deg);background-color:#fff}to{transform:rotateX(0deg);background-color:lime}}@keyframes flip-correct{0%{transform:rotateX(0deg);background-color:#fff}50%{transform:rotateX(90deg);background-color:#fff}to{transform:rotateX(0deg);background-color:lime}}@-webkit-keyframes flip-misaligned{0%{transform:rotateX(0deg);background-color:#fff}50%{transform:rotateX(90deg);background-color:#fff}to{transform:rotateX(0deg);background-color:#ff0}}@keyframes flip-misaligned{0%{transform:rotateX(0deg);background-color:#fff}50%{transform:rotateX(90deg);background-color:#fff}to{transform:rotateX(0deg);background-color:#ff0}}@-webkit-keyframes flip-bad{0%{transform:rotateX(0deg);background-color:#fff}50%{transform:rotateX(90deg);background-color:#fff}to{transform:rotateX(0deg);background-color:#d3d3d3}}@keyframes flip-bad{0%{transform:rotateX(0deg);background-color:#fff}50%{transform:rotateX(90deg);background-color:#fff}to{transform:rotateX(0deg);background-color:#d3d3d3}}.letterCorrect{-webkit-animation:flip-correct .8s;-webkit-animation-fill-mode:forwards;animation:flip-correct .8s;animation-fill-mode:forwards}.letterMisaligned{-webkit-animation:flip-misaligned .8s;-webkit-animation-fill-mode:forwards;animation:flip-misaligned .8s;animation-fill-mode:forwards}.letterBad{-webkit-animation:flip-bad .8s;-webkit-animation-fill-mode:forwards;animation:flip-bad .8s;animation-fill-mode:forwards}.keyBad{background-color:#d3d3d3!important}.keyMisaligned{background-color:#ff0!important}.keyCorrect{background-color:lime!important}.letterUnset{background-color:#fff!important}