.header[data-v-76b80892]{display:flex;justify-content:space-between;align-items:center;height:50px;border-bottom:1px solid #d3d6da}.title[data-v-76b80892]{color:#000;font-weight:700;font-size:36px;letter-spacing:.2rem;position:absolute;left:0;right:0;pointer-events:none}button[data-v-76b80892]{border:none;background:none;padding:0 6px;cursor:pointer}button>i[data-v-76b80892]{color:#878a8c;font-size:21px}.toast[data-v-7d3caa63]{position:absolute;left:50%;top:100px;color:#fff;background-color:#1a1a1b;transform:translate(-50%);padding:12px 16px;border-radius:4px;z-index:2}.board-container[data-v-15b555f8]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-grow:1;overflow:auto;max-height:80%;margin:10px}.board[data-v-15b555f8]{display:grid;row-gap:5px}.line[data-v-15b555f8]{display:grid;grid-template-columns:repeat(4,68px);transition:all}.character[data-v-15b555f8]{transform:translateY(1px);line-height:24px}.character.parsed[data-v-15b555f8]{transform:translateY(-6px)}.ruby[data-v-15b555f8]{font-size:12px;letter-spacing:.5px;transform:translate(.5px)}.highlight[data-v-15b555f8]{color:#ff0}.empty .highlight[data-v-15b555f8]{color:#4169e1}.tile[data-v-15b555f8]{display:flex;justify-content:center;align-items:center;height:64px;width:64px;color:#fff}.tile.empty[data-v-15b555f8]{border:2px solid #d3d6da;height:60px;width:60px;color:#000}.tile.empty.filled[data-v-15b555f8]{border:2px solid #999;animation:zoom-15b555f8 .2s}.tile.exact[data-v-15b555f8]{background-color:#6aaa64}.tile.almost[data-v-15b555f8]{background-color:#aa8dd7}.tile.present[data-v-15b555f8]{background-color:#c9b458}.tile.absent[data-v-15b555f8]{background-color:#787c7e}.tile.little[data-v-15b555f8]{background-color:#c1694f}@keyframes zoom-15b555f8{0%{transform:scale(1.1)}to{transform:scale(1)}}.shake[data-v-15b555f8]{animation:shake-15b555f8 .5s}@keyframes shake-15b555f8{0%{transform:translate(1px)}10%{transform:translate(-2px)}20%{transform:translate(2px)}30%{transform:translate(-2px)}4%{transform:translate(2px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}90%{transform:translate(-2px)}to{transform:translate(1px)}}.input-container{height:100px}.input{height:60px;width:60px;text-align:center}.submit-button{height:60px;width:60px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:100%}.game{display:flex;flex-direction:column;height:100%;margin:0 auto}html,body{height:100%}body{max-width:500px;text-align:center;margin:0 auto}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.character{font-size:30px}