#keyboard[data-v-f4f043b2]{margin:30px 8px 0;-webkit-user-select:none;user-select:none}.row[data-v-f4f043b2]{display:flex;width:100%;margin:0 auto 8px;touch-action:manipulation}.spacer[data-v-f4f043b2]{flex:.5}button[data-v-f4f043b2]{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;user-select:none;background-color:#0466c8;color:#fff;flex:1;display:flex;justify-content:center;align-items:center;text-transform:uppercase;-webkit-tap-highlight-color:rgba(0,0,0,.3);transition:all .2s 1.5s;font-size:1.5rem}button[data-v-f4f043b2]:last-of-type{margin:0}button.big[data-v-f4f043b2]{flex:1.5}#board[data-v-8a701cf5]{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-8a701cf5]{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-8a701cf5]{opacity:0}.row[data-v-8a701cf5]{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px}.tile[data-v-8a701cf5]{width:100%;font-size:2rem;line-height:2rem;font-weight:700;vertical-align:middle;text-transform:uppercase;-webkit-user-select:none;user-select:none;position:relative}.tile.filled[data-v-8a701cf5]{animation:zoom-8a701cf5 .2s}.tile .front[data-v-8a701cf5],.tile .back[data-v-8a701cf5]{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-8a701cf5]{border:2px solid #023E7D}.tile.filled .front[data-v-8a701cf5]{border-color:#0353a4;color:#fff}.tile .back[data-v-8a701cf5],.tile.revealed .front[data-v-8a701cf5]{transform:rotateX(180deg)}.tile.revealed .back[data-v-8a701cf5]{transform:rotateX(0)}.tile.active[data-v-8a701cf5]{background-color:#001c42!important}.tile.prefilled[data-v-8a701cf5]{animation:fade-in-8a701cf5 .5s ease-in;background-color:#7dd37590}.tile.wasPrefilled[data-v-8a701cf5]{background-color:#7dd37590}.tile.modified[data-v-8a701cf5]{background-color:initial}@keyframes fade-in-8a701cf5{0%{background-color:#fff0}to{background-color:#7dd37590}}@keyframes zoom-8a701cf5{0%{transform:scale(1.1)}to{transform:scale(1)}}.shake[data-v-8a701cf5]{animation:shake-8a701cf5 .5s}@keyframes shake-8a701cf5{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-8a701cf5]{animation:jump-8a701cf5 .5s}@keyframes jump-8a701cf5{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-8a701cf5]{font-size:3vh}}body{font-family:Rubik;text-align:center;max-width:500px;margin:0 auto;background-color:#000814}h1{margin:8px 0;font-size:36px;color:#fff;-webkit-user-select:none;user-select:none}header{border-bottom:2px solid #023E7D;margin-bottom:30px;position:relative}#source-link{position:absolute;right:1em;top:.5em}.correct,.present,.absent{color:#fff!important}.correct{background-color:#7dd375!important}.present{background-color:#d3bd5a!important}.absent{background-color:#5c677d!important}