body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f9f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Arial,sans-serif;margin:0 auto;max-width:500px;padding:20px;text-align:center}header{margin-bottom:20px}header h1{color:#2c3e50;margin-bottom:5px}.game-container{align-items:center;display:flex;flex-direction:column;gap:20px}.hint-container{margin:10px 0}.hint-container button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.hint-container button:hover{background-color:#2980b9}.hint-container button:focus{outline:3px solid #1d6fa5;outline-offset:2px}.hint{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;max-width:400px;padding:10px}.message{animation:fadeOut 2s ease-in-out forwards;animation-delay:3s;background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:15px;padding:10px}@keyframes fadeOut{0%{opacity:1}to{display:none;opacity:0}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.game-board{grid-gap:5px;grid-template-rows:repeat(6,1fr);margin-bottom:30px}.game-board,.row{display:grid;gap:5px}.row{grid-gap:5px;grid-template-columns:repeat(5,1fr)}.tile{align-items:center;border:2px solid #d3d6da;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;text-transform:uppercase;width:60px}.tile.filled{border-color:#878a8c}.tile.correct{background-color:#498c45;border-color:#498c45;color:#fff}.tile.present{background-color:#b59f3b;border-color:#b59f3b;color:#fff}.tile.absent{background-color:#787c7e;border-color:#787c7e;color:#fff}.keyboard{display:flex;flex-direction:column;gap:8px;max-width:500px;width:100%}.keyboard-row{display:flex;gap:6px;justify-content:center}.key{background-color:#d3d6da;border:none;border-radius:4px;cursor:pointer;font-weight:700;height:58px;min-width:43px;text-transform:uppercase}.key:hover{opacity:.8}.key:focus{outline:3px solid #3498db;outline-offset:2px;z-index:1}.key.function-key{min-width:65px}.key.correct{background-color:#498c45;color:#fff}.key.present{background-color:#b59f3b;color:#fff}.key.absent{background-color:#787c7e;color:#fff}@media (max-width:500px){.tile{font-size:20px;height:45px;width:45px}.key{font-size:12px;height:50px;min-width:30px}.key.function-key{min-width:50px}}@media (forced-colors:active){.tile.correct{border:2px solid}.tile.present{border:2px dashed}.tile.absent{border:2px dotted}}
/*# sourceMappingURL=main.424c9cad.css.map*/