@font-face{font-family:Varela Round;font-style:normal;font-display:swap;font-weight:400;src:url(varela-round-latin-400-normal.a69c9f60cbf2af00.woff2) format("woff2"),url(varela-round-latin-400-normal.098aa8d3b0084f2b.woff) format("woff")}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation}:root{font-size:24px}.message{display:flex;flex-direction:row;justify-content:center;font-size:.66rem;line-height:.66rem;height:.66rem;margin:.25rem 0;color:#333}.wortle{margin:0;background-color:#ddd;font-family:Varela Round,sans-serif}.wortle .header,.wortle .keyboard,.wortle .footer{flex:0 0 auto}.wortle .grid{flex:1 1 0px}.header{display:flex;flex-direction:row;justify-content:center;color:#333;margin:.25rem 0}.header h1{font-size:2.5rem;margin:0;padding:0}.footer{font-size:.66rem;display:flex;flex-direction:row;justify-content:center;margin:.5rem 0}.keyboard-row{display:flex;flex-direction:row;justify-content:center;grid-gap:.25rem;gap:.25rem;margin:.5rem 0}.keyboard-key{border:0;background-color:#ccc;color:#333;border-radius:4px;width:1.25rem;height:2rem;padding:.25rem;cursor:pointer;font-size:1rem;text-align:center;line-height:1rem;font-family:Varela Round,sans-serif;box-shadow:2px 2px 6px -4px #000;text-transform:uppercase}.keyboard-key:hover{box-shadow:2px 2px 5px -4px #000}.keyboard-key:active{box-shadow:2px 2px 4px -4px #000}.keyboard-key-unknown{background-color:#ccc}.keyboard-key-wrong{background-color:#caa}.keyboard-key-misplaced{background-color:#eec}.keyboard-key-correct{background-color:#cec}.keyboard-key-special{border:0;background-color:#ccc;color:#333;border-radius:4px;height:2rem;padding:.25rem;cursor:pointer;font-size:1rem;text-align:center;line-height:1rem;box-shadow:2px 2px 6px -4px #000}.keyboard-key-special:hover{box-shadow:2px 2px 5px -4px #000}.keyboard-key-special:active{box-shadow:2px 2px 4px -4px #000}.grid-row{display:flex;justify-content:center;grid-gap:1px;gap:1px;width:100%}.grid-letter{margin:.25rem;background-color:#eee;border-radius:4px;font-size:2rem;width:2rem;height:2.25rem;text-align:center;text-transform:uppercase}.grid-letter-unknown{background-color:#eee}.grid-letter-wrong{background-color:#aaa}.grid-letter-misplaced{background-color:#eea}.grid-letter-correct{background-color:#aea}