:root{--background-color: #121213;--text-color: #ffffff;--tile-bg: #3a3a3c;--tile-border: #565758;--correct-color: #538d4e;--present-color: #b59f3b;--absent-color: #3a3a3c}body{margin:0;font-family:Helvetica,sans-serif;background-color:var(--background-color);color:var(--text-color)}.app-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.title{font-size:3rem;margin-bottom:1rem}.description{font-size:1.5rem;margin-bottom:1rem}.grid{display:grid;gap:1rem}.grid-row{display:flex;gap:1rem}.grid-cell{width:50px;height:50px;background-color:var(--tile-bg);border:2px solid var(--tile-border);display:flex;justify-content:center;align-items:center;font-size:2rem;color:var(--text-color)}body{font-family:Helvetica,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background-color:#121213}.game-container{text-align:center;background-color:#1a1a1a;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a;width:300px;margin:0 auto}h1{color:#fff;margin-bottom:20px}.grid{display:flex;flex-direction:column;gap:10px}.grid-row{display:flex;gap:5px}.grid-cell{width:50px;height:50px;border:2px solid var(--tile-border);display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;text-transform:uppercase}.correct{background-color:var(--correct-color);color:#fff;border-color:var(--correct-color)}.present{background-color:var(--present-color);color:#fff;border-color:var(--present-color)}.absent{background-color:var(--absent-color);color:#fff;border-color:var(--absent-color)}.button-container{display:flex;gap:10px;margin-bottom:20px}.button{padding:10px 20px;font-size:1rem;font-weight:700;background-color:#538d4e;color:#fff;border:none;border-radius:4px;cursor:pointer}.button:hover{background-color:#5c9658}.button.secondary{background-color:#b59f3b}.button.secondary:hover{background-color:#c9b458}.guess-input{margin-bottom:20px}.guess-input input{padding:10px;font-size:1rem;text-align:center;border:1px solid #565758;border-radius:4px;background-color:#3a3a3c;color:#fff}.guess-input button{padding:10px 20px;font-size:1rem;background-color:var(--correct-color);color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:10px;margin-left:5px;margin-right:5px}.guess-input button:hover{background-color:#5c9658}.message{margin-top:20px;font-weight:700}.win{color:var(--correct-color)}.lose{color:var(--absent-color)}