.guess-game{text-align:center;max-width:480px;margin:auto}.guess-grid{gap:6px;max-width:330px;margin:18px auto;display:grid}.guess-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.guess-letter{aspect-ratio:1;color:#283a30;background:#fffdf5;border:2px solid #d8dfd2;border-radius:7px;place-items:center;font-size:25px;font-weight:800;display:grid}.guess-game .correct{color:#fff;background:#39794b;border-color:#39794b}.guess-game .present{color:#fff;background:#b98428;border-color:#b98428}.guess-game .absent{color:#fff;background:#6d776e;border-color:#6d776e}.guess-game form{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.guess-game form label{flex-basis:100%}.guess-game input{text-transform:uppercase;letter-spacing:4px;max-width:180px;font-size:22px}.guess-keyboard{gap:6px;margin:20px 0;display:grid}.guess-keyboard>div{justify-content:center;gap:4px;display:flex}.guess-keyboard button{color:#324b36;background:#e4ebe0;border:1px solid #b7c6b5;border-radius:6px;flex:1;min-width:0;max-width:44px;min-height:44px;padding:4px;font-weight:800}.guess-keyboard>button{justify-self:center;max-width:none;padding:10px 20px}.guess-modes{flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0;display:flex}.guess-result{font-size:20px;font-weight:600}.guess-game form button,.guess-modes button{color:#36553c;min-height:44px;font:inherit;background:#eaf0df;border:1px solid #9db292;border-radius:8px;padding:10px 16px;font-weight:700}.guess-game form button[type=submit]{color:#fff;background:#345c3d;border-color:#345c3d}.guess-game form button:disabled{opacity:.45}.guess-game input{background:#fffdf6;border:1px solid #9db292;border-radius:8px;padding:10px}