#keyboard[data-v-56d64a5a]{margin:30px 8px 0;user-select:none}.row[data-v-56d64a5a]{display:flex;width:100%;margin:0 auto 8px;touch-action:manipulation}.spacer[data-v-56d64a5a]{flex:.5}button[data-v-56d64a5a]{font-family:inherit;font-weight:700;border:0;padding:0;margin:0 6px 0 0;height:58px;border-radius:4px;cursor:pointer;user-select:none;background-color:#d3d6da;color:#1a1a1b;flex:1;display:flex;justify-content:center;align-items:center;-webkit-tap-highlight-color:rgba(0,0,0,.3);transition:all .2s 1.5s}button[data-v-56d64a5a]:last-of-type{margin:0}button.big[data-v-56d64a5a]{flex:1.5}#board[data-v-9851d368]{display:grid;grid-template-rows:repeat(6,1fr);grid-gap:5px;padding:10px;box-sizing:border-box;--height: min(420px, calc(var(--vh, 100vh) - 310px));height:var(--height);width:min(350px,calc(var(--height) / 6 * 5));margin:0 auto}.message[data-v-9851d368]{position:absolute;left:50%;top:80px;color:#fff;background-color:#000000d9;padding:16px 20px;z-index:2;border-radius:4px;transform:translate(-50%);transition:opacity .3s ease-out;font-weight:600}.message.v-leave-to[data-v-9851d368]{opacity:0}.row[data-v-9851d368]{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px}.tile[data-v-9851d368]{width:100%;font-size:2rem;line-height:2rem;font-weight:700;vertical-align:middle;user-select:none;position:relative}.tile.filled[data-v-9851d368]{animation:zoom-9851d368 .2s}.tile .front[data-v-9851d368],.tile .back[data-v-9851d368]{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .6s;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tile .front[data-v-9851d368]{border:2px solid #d3d6da}.tile.filled .front[data-v-9851d368]{border-color:#999}.tile .back[data-v-9851d368],.tile.revealed .front[data-v-9851d368]{transform:rotateX(180deg)}.tile.revealed .back[data-v-9851d368]{transform:rotateX(0)}@keyframes zoom-9851d368{0%{transform:scale(1.1)}to{transform:scale(1)}}.shake[data-v-9851d368]{animation:shake-9851d368 .5s}@keyframes shake-9851d368{0%{transform:translate(1px)}10%{transform:translate(-2px)}20%{transform:translate(2px)}30%{transform:translate(-2px)}40%{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)}}@media (max-height: 680px){.tile[data-v-9851d368]{font-size:3vh}}body{font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;text-align:center;max-width:500px;margin:0 auto}h1{margin:4px 0;font-size:36px}header{border-bottom:1px solid #ccc;margin-bottom:30px;position:relative}#source-link{position:absolute;right:1em;top:.5em}.correct,.present,.absent{color:#fff!important}.correct{background-color:#6aaa64!important}.present{background-color:#c9b458!important}.absent{background-color:#787c7e!important}