.single-player-ui{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;gap:3rem;height:75%;justify-content:flex-end;position:absolute;text-align:center;top:0;z-index:1}.single-player-ui p{padding:0 3rem}.mobile{gap:0;justify-content:space-evenly}.keypad{background-color:#264653;border-radius:.5rem;display:flex;flex-wrap:wrap;gap:.3rem;padding:2rem 3rem;width:80%}.keypad .letter{border:2px solid #f4a261;border-radius:.5rem;font-family:monospace,Courier New,Courier;font-size:1rem;padding:1rem}.keypad .letter:hover{background-color:#e9c46a;color:#e9c46a}.keypad .letter.disabled{background-color:#f4a261;color:rgba(141,153,174,.639);pointer-events:none}.keypad .letter.mobile{padding:.5rem}.keypad.mobile{padding:2rem 1rem}.word-display{display:flex;justify-content:center;padding:4rem 0 1rem}.word-display .letter{border-bottom:2px solid #264653;font-size:2rem;min-width:1.5rem;padding:.2rem .5rem}.word-display .mobile{font-size:1.5rem;min-width:1rem;padding:.2rem}.mobile{padding:0}.restart-container{bottom:-5rem;left:50%;position:absolute;transform:translateX(-50%)}.restart-container .restart{align-self:center;background-color:#f4a261;border-radius:.5rem;color:#fff;font-size:1rem;padding:1rem;width:fit-content}.Two-Player-ui{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;height:75%;justify-content:center;position:absolute;text-align:center;top:0;width:100%;z-index:1}.Two-Player-ui .word-form{display:flex;flex-direction:column;gap:1rem;max-width:400px;width:70%}.Two-Player-ui .word-form label{font-weight:700}.Two-Player-ui .word-form input{border:1px solid #ccc;border-radius:.5rem;font-size:1rem;padding:.5rem 1rem}.Two-Player-ui .word-form button{background-color:#f4a261;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s ease}.Two-Player-ui .word-form button:hover{background-color:#e76f51}#root,body,html{background:#e76f51;height:100%;left:0;position:fixed;top:0;width:100%}
/*# sourceMappingURL=main.22b2146b.css.map*/