*{--tileHeight:75px;--keyboardKeyWidth:45px;--keyboardKeyWidthSpecial:75px;--keyboardKeyHeight:70px;--keyboardKeyWidthMin:1rem;--keyboardKeyHeightMin:2rem;--tileFontSize:3rem;--titleColor:#cfcece;--backgroundColor:#131313;--statusRed:#dc4444;--statusGreen:#388f55;background-color:var(--backgroundColor);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.app{display:flex;flex-direction:column;height:100vh;height:100svh;width:100vw}.app:focus{outline:none}.title{color:var(--titleColor);margin:.2em;text-align:center}.tileRow{max-height:var(--tileHeight)}.tile,.tileRow{display:flex;flex-grow:1;justify-content:center}.tile{align-items:center;background-color:#313131;border:.15rem solid #504d4d;color:#fff;cursor:default;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:var(--tileFontSize);margin:.2rem;max-width:1.25em;min-height:1em;min-width:1em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.statusMessage{margin-bottom:.5em;text-align:center}.statusColorGreen,.statusMessage{color:var(--statusGreen)}.statusColorRed{color:var(--statusRed)}.titleColor{color:var(--titleColor)}.keyboardContainer{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-end}.keyboardRowOne,.keyboardRowThree,.keyboardRowTwo{display:flex;flex-grow:1;justify-content:center;max-height:var(--keyboardKeyHeight)}.keyboardKey{align-items:center;border-radius:10%;color:#fff;cursor:pointer;display:flex;flex-grow:1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:.2rem;max-width:var(--keyboardKeyWidth);min-height:var(--keyboardKeyHeightMin);min-width:var(--keyboardKeyWidthMin);-webkit-user-select:none;-ms-user-select:none;user-select:none}.keyboardBackKey,.keyboardEnterKey{max-width:var(--keyboardKeyWidthSpecial)!important}.playAgain{border-color:var(--statusGreen);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-left:auto;margin-right:auto;margin-top:10px;padding-left:5px;padding-right:5px}.playAgain:hover{cursor:pointer}.playAgainBorderGreen{border-color:var(--statusGreen)}.playAgainBorderRed{border-color:var(--statusRed)}@media (max-height:700px),(max-width:285px){*{--tileFontSize:2rem}h1{font-size:24px}}@media (max-width:215px){*{--tileFontSize:1rem}}
/*# sourceMappingURL=main.2eed899a.css.map*/