:root{--text: #39ff14}body{margin:0}h1{color:var(--text)}.App{display:flex;justify-content:center;background:#747373;padding:1rem;color:var(--text);align-content:center;align-items:center;min-height:100vh;font-family:"Press Start 2P",sans-serif;flex-direction:column;gap:10px;font-weight:600}button{background-color:#000;color:red;border:none;font-weight:600;padding:12px 24px;border-radius:8px;font-size:16px;font-family:Goldman;cursor:pointer;transition:background .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px #0000001a;width:200px}button:hover{background-color:red;color:#000}input{font-size:16px;border-radius:6px;width:200px}.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}@media screen and (max-width: 767px){h1{font-size:1.5rem}h4,h5{font-size:.75rem}.correct-letter{width:1.5rem}.hide-on-mobile{display:none}button{width:225px}}.error{color:#eb1919;font-size:14px;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{border:.75rem solid var(--text);border-radius:1rem}input:hover{background-color:#e0e0e0}.button-container{display:flex;justify-content:space-between;flex-direction:column;gap:10px}@media (max-width: 767px){.button-container{align-items:center}}.button-container button{margin:0 10px}