:root{--sand: #fceabb;--sea: #a2d4f4;--ocean: #0093d1;--sunset: #ff9966;--sun: #ffe259;--shell: #f4e2d8;--text: #333}body{margin:0}.App{display:flex;justify-content:center;background:linear-gradient(to bottom,var(--sea),var(--sunset));padding:1rem;color:var(--text);align-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,sans-serif;flex-direction:column;gap:15px;font-weight:600}button{background-color:var(--ocean);color:#fff;border:none;font-weight:600;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s ease;width:20%;min-width:150px}button:hover{background-color:var(--sea)}input{width:100%;font-size:16px;border-radius:6px}.correct-container{display:flex;justify-content:center}.correct-letter{width:40px;margin-right:10px;height:50px;line-height:50px;text-align:center;font-size:24px;font-weight:700;border-bottom:3px solid #333;color:#333;-webkit-user-select:none;user-select:none}.guessed-letter{width:40px;margin-right:10px;color:var(--text);-webkit-user-select:none;user-select:none}.error{color:#eb1919;font-size:16px;font-weight:500}.game-board{display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);gap:5px;background-color:#333;padding:5px;border-radius:12px;box-shadow:0 10px 20px #0003}.cell{background-color:#fff;border-radius:8px;font-size:2.5rem;color:#333;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s ease}.cell:hover{background-color:#f0f0f0}.cell.winner{background-color:#ff0}input:hover{background-color:#e0e0e0}.button-container{display:flex;justify-content:space-between}