@import"https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap";#keyboard[data-v-5a127273]{margin:30px 8px 0;user-select:none}.row[data-v-5a127273]{display:flex;width:100%;margin:0 auto 8px;touch-action:manipulation}.spacer[data-v-5a127273]{flex:.5}button[data-v-5a127273]{font-family:inherit;font-weight:bolder;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;text-transform:lowercase;-webkit-tap-highlight-color:rgba(0,0,0,.3);transition:all .2s 1.5s;font-size:1.5rem}button[data-v-5a127273]:last-of-type{margin:0}button.big[data-v-5a127273]{flex:1.5}#board[data-v-0b1eb166]{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}header[data-v-0b1eb166]{display:flex;align-items:center;justify-content:space-between;button[data-v-0b1eb166] {font-family: inherit; font-weight: bold; border: 0; padding: 10px; border-radius: 4px; background-color: #d3d6da; color: #1a1a1b; display: flex; justify-content: center; align-items: center; text-transform: uppercase;}}.message[data-v-0b1eb166]{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-0b1eb166]{opacity:0}.row[data-v-0b1eb166]{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px}.tile[data-v-0b1eb166]{width:100%;font-size:2rem;line-height:2rem;font-weight:700;vertical-align:middle;text-transform:lowercase;user-select:none;position:relative}.tile.filled[data-v-0b1eb166]{animation:zoom-0b1eb166 .2s}.tile .front[data-v-0b1eb166],.tile .back[data-v-0b1eb166]{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-0b1eb166]{border:2px solid #d3d6da}.tile.filled .front[data-v-0b1eb166]{border-color:#999}.tile .back[data-v-0b1eb166],.tile.revealed .front[data-v-0b1eb166]{transform:rotateX(180deg)}.tile.revealed .back[data-v-0b1eb166]{transform:rotateX(0)}@keyframes zoom-0b1eb166{0%{transform:scale(1.1)}to{transform:scale(1)}}.shake[data-v-0b1eb166]{animation:shake-0b1eb166 .5s}@keyframes shake-0b1eb166{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)}}.jump .tile .back[data-v-0b1eb166]{animation:jump-0b1eb166 .5s}@keyframes jump-0b1eb166{0%{transform:translateY(0)}20%{transform:translateY(5px)}60%{transform:translateY(-25px)}90%{transform:translateY(3px)}to{transform:translateY(0)}}@media (max-height: 680px){.tile[data-v-0b1eb166]{font-size:3vh}}body{font-family:ABeeZee,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}