body{display:flex;flex-direction:row;justify-content:center;background:#222;margin:0px}.game{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.game .container{display:flex;flex-direction:row}.keyboard{display:flex;flex-direction:column;justify-content:center;align-items:center;touch-action:none}.keyboard .keyboard-row{display:flex;flex-direction:row;justify-content:center;align-items:center;touch-action:none}.keyboard .key{display:flex;justify-content:center;align-items:center;border:1px solid #444;background:#444;color:#fff;font-size:1.1rem;font-weight:bold;text-align:center;border-radius:5px;cursor:pointer;margin:5px;padding:10px 4px;min-width:1.8rem;touch-action:none;user-select:none;transition:all .2s}.keyboard .key:hover{transform:scale(1.2)}.keyboard .key:active{transform:scale(1.5)}.keyboard .key.correct{background:#356b35}.keyboard .key.incorrect{background:#222}.keyboard .key.misplaced{background:#d79a26}.keyboard .key-enter{font-size:.8rem}.keyboard .key-bksp{font-size:.8rem}.main{display:flex;flex-direction:column;margin:20px 0}.main .tabs{display:flex;flex-direction:row;justify-content:flex-end;margin:10px 0px}.main .tabs button{border:none;cursor:pointer;padding:4px 15px;background:#444;color:#ccc;border-radius:15px;text-shadow:0 -1px 1px #222}@keyframes reveal{0%{transform:rotateY(0deg);background:#444}50%{background:#444;color:#444;transform:rotateY(90deg)}100%{transform:rotateY(0deg)}}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-10px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.guess-board{display:flex;flex-direction:column;position:relative}.guess-board.stats .guesses{filter:blur(35px)}.guess-board.running .stats button:disabled{background:linear-gradient(180deg, #555, #333);color:#888;cursor:not-allowed}.guess-board .guesses{display:flex;flex-direction:column;background:#333;padding:10px;border-radius:5px;transition:all .7s}.guess-board .stats{z-index:999;display:flex;flex-direction:column;gap:20px;transition:all .8s;position:absolute;width:100%;height:100%;border-radius:5px;font-family:monospace;color:#ccc;opacity:0;visibility:hidden}.guess-board .stats.visible{opacity:1;visibility:visible;background:rgba(255,255,255,.03)}.guess-board .stats .rows{display:flex;flex-direction:column;gap:10px;margin:15px;height:100%}.guess-board .stats .row{flex:0 1;display:flex;flex-direction:row;gap:10px}.guess-board .stats .row.histogram{flex:1}.guess-board .stats .stat{display:flex;flex:1 0;background:rgba(0,0,0,.35);border-radius:5px;word-wrap:break-word;flex-direction:column;padding:10px}.guess-board .stats .stat b{border-bottom:1px dashed #555;padding-bottom:10px}.guess-board .stats .stat b,.guess-board .stats .stat span{display:flex;flex:1;width:100%}.guess-board .stats .stat span{padding-top:5px;font-size:1.5rem}.guess-board .stats .buckets{flex:1;display:flex;flex-direction:column;justify-content:space-around;padding:5px}.guess-board .stats .buckets .bucket{display:flex;gap:20px;align-items:center;justify-content:center;flex-direction:row}.guess-board .stats .buckets .bucket span{display:flex;flex:0 1;background:rgba(0,0,0,.35);border-radius:10px;min-width:30px;justify-content:center}.guess-board .stats .buckets .bucket .bar{flex:1;padding-right:40px}.guess-board .stats .buckets .bucket .bar div{color:#222;padding:0px 20px 0px 10px;display:block;border:none;background:rgba(255,255,255,.55);border-radius:10px}.guess-board .stats .share{flex:0 1;justify-content:center}.guess-board .stats .share button{margin:10px;display:flex;justify-content:center;flex:0 1 60%;border-radius:8px;color:#eee;font-weight:bold;font-family:monospace;font-size:1rem;border:none;box-shadow:0 3px 5px #222;text-shadow:0 -1px 1px #222;outline:none;background:linear-gradient(180deg, #668911, #1c480b);padding:8px;cursor:pointer}.guess-board .stats .share button:active{box-shadow:0 1px 1px #222;transform:translateY(2px)}.guess-board .stats h1{margin:0;flex:1;padding:10px;background:rgba(0,0,0,.35);border-radius:5px;font-weight:bold}.guess-board .guess{display:flex;flex-direction:row;align-items:center;justify-content:center;font-family:Arial,sans-serif}.guess-board .guess span{display:flex;align-items:center;justify-content:center;user-select:none;touch-action:none;padding:10px;margin:10px;display:flex;background:#444;border-radius:5px;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;width:20px;height:20px;transition:all .2s}.guess-board .history .guess span{animation:1s ease-in-out reveal;animation-fill-mode:both}.guess-board .history .guess span:nth-child(2){animation-delay:.1s}.guess-board .history .guess span:nth-child(3){animation-delay:.2s}.guess-board .history .guess span:nth-child(4){animation-delay:.5s}.guess-board .history .guess span:nth-child(5){animation-delay:.6s}.guess-board .history .guess .correct{background:#356b35}.guess-board .history .guess .incorrect{background:#222}.guess-board .history .guess .misplaced{background:#d79a26}.error-not-a-word .guesses .current{animation:.3s ease-in-out shake}