#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.container[data-v-1dbb9051]{display:flex;justify-content:center;align-items:center;flex-grow:1;overflow:hidden}.board[data-v-1dbb9051]{display:grid;grid-gap:5px;padding:10px;box-sizing:border-box}.row[data-v-1dbb9051]{display:flex;grid-gap:5px}.tile[data-v-1dbb9051]{display:inline-flex;justify-content:center;align-items:center;font-size:2rem;line-height:2rem;font-weight:700;vertical-align:middle;box-sizing:border-box;color:#fff;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:62px}@media(max-width:450px){.tile[data-v-1dbb9051]{width:58px}}.tile[data-state=tbd][data-v-1dbb9051]{border:2px solid #878a8c;color:#000}.tile[data-state=empty][data-v-1dbb9051]{border:2px solid #d3d6da}.tile[data-v-1dbb9051]:before{content:"";display:inline-block;padding-bottom:100%}.tile[data-animation=pop][data-v-1dbb9051]{-webkit-animation-name:PopIn-1dbb9051;animation-name:PopIn-1dbb9051;-webkit-animation-duration:.1s;animation-duration:.1s}.tile[data-animation=flip-in][data-v-1dbb9051]{-webkit-animation-name:FlipIn-1dbb9051;animation-name:FlipIn-1dbb9051;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.tile[data-animation=flip-out][data-v-1dbb9051]{-webkit-animation-name:FlipOut-1dbb9051;animation-name:FlipOut-1dbb9051;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.tile[data-state=correct][data-v-1dbb9051]{background-color:#6aaa64}.tile[data-state=present][data-v-1dbb9051]{background-color:#c9b458}.tile[data-state=absent][data-v-1dbb9051]{background-color:#787c7e}@-webkit-keyframes PopIn-1dbb9051{0%{transform:scale(.8);opacity:0}40%{transform:scale(1.1);opacity:1}}@keyframes PopIn-1dbb9051{0%{transform:scale(.8);opacity:0}40%{transform:scale(1.1);opacity:1}}@-webkit-keyframes FlipIn-1dbb9051{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes FlipIn-1dbb9051{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@-webkit-keyframes FlipOut-1dbb9051{0%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}@keyframes FlipOut-1dbb9051{0%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}.keyboard[data-v-110ed4bf]{width:100%;margin:0 auto;max-width:500px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.row[data-v-110ed4bf]{display:flex;width:100%;margin:0 auto 8px;touch-action:manipulation}button[data-v-110ed4bf]{font-family:inherit;font-weight:700;border:0;padding:0;margin:0 6px 0 0;height:58px;border-radius:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#d3d6da;color:#000;flex:1;display:flex;justify-content:center;align-items:center;text-transform:uppercase}button.half[data-v-110ed4bf]{flex:.5;background:none;cursor:auto}button.full-half[data-v-110ed4bf]{flex:1.5}button[data-state=correct][data-v-110ed4bf]{transition:background-color .1s ease,color .1s ease;background-color:#6aaa64}button[data-state=present][data-v-110ed4bf]{transition:background-color .1s ease,color .1s ease;background-color:#c9b458}button[data-state=absent][data-v-110ed4bf]{transition:background-color .1s ease,color .1s ease;background-color:#787c7e}.modal-backdrop{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center}.modal{background:#fff;box-shadow:2px 2px 20px 1px;overflow-x:auto;display:flex;flex-direction:column}.modal-footer,.modal-header{padding:15px;display:flex}.modal-header{position:relative;border-bottom:1px solid #eee;color:#4aae9b;justify-content:space-between}.modal-footer{border-top:1px solid #eee;flex-direction:column}.modal-body{position:relative;padding:20px 10px}.btn-close{position:absolute;top:0;right:0;border:none;font-size:20px;padding:10px;cursor:pointer;font-weight:700;color:#4aae9b;background:transparent}.btn-green{color:#fff;background:#4aae9b;border:1px solid #4aae9b;border-radius:2px}.modal-fade-enter,.modal-fade-leave-to{opacity:0}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .5s ease}.home[data-v-eca2c270]{width:100%;margin:0 auto;height:100%;display:flex;flex-direction:column}.hide[data-v-eca2c270]{display:none}