: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,box-shadow .3s ease;box-shadow:0 4px 6px #0000001a;width:200px}button:hover{background-color:var(--sea)}input{font-size:16px;border-radius:6px;width:200px}input:focus{outline:2px solid var(--ocean);outline-offset:2px}.correct-container{display:flex;justify-content:center}.correct-letter{width:2.5rem;margin-right:.5rem;height:3rem;line-height:3rem;text-align:center;font-size:1.5rem;font-weight:700;border-bottom:3px solid var(--text);color:var(--text);-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.guessed-letter{width:2.5rem;margin-right:.5rem;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:#0cead0}input:hover{background-color:#e0e0e0}.button-container{display:flex;justify-content:space-between}