.game-board{display:flex;flex-direction:column;gap:5px;margin-bottom:2rem}.row{display:flex;gap:5px}.tile{width:62px;height:62px;border:2px solid #3a3a3c;margin:2px;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;text-transform:uppercase}.tile.correct{background-color:#538d4e;border-color:#538d4e}.tile.present{background-color:#b59f3b;border-color:#b59f3b}.tile.absent{background-color:#3a3a3c;border-color:#3a3a3c}@media (max-width: 500px){.tile{width:52px;height:52px;font-size:1.5rem}}.keyboard{width:100%;max-width:500px;margin-top:auto}.keyboard .row{display:flex;justify-content:center;gap:6px;margin-bottom:8px}.key{height:58px;border-radius:4px;border:none;background-color:#818384;color:#fff;font-weight:700;cursor:pointer;flex:1;min-width:40px}.key.wide{flex:1.5}.key.correct{background-color:#538d4e}.key.present{background-color:#b59f3b}.key.absent{background-color:#3a3a3c}@media (max-width: 500px){.keyboard{max-width:380px;padding:0 8px}.row{gap:4px;margin-bottom:4px}.key{height:48px;font-size:.8rem;min-width:28px;padding:0 2px}.key.wide{flex:1.2}}.app{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:1rem;background-color:#121213;color:#fff;text-align:center}a{color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{margin-bottom:2rem;font-size:2rem}h2{margin-bottom:2rem;font-size:1rem}.button{padding:12px 24px;margin-bottom:10px;font-size:18px;font-weight:700;text-transform:uppercase;border-radius:6px;border:none;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease-in-out;background-color:#818384;color:#fff}.button:hover{background-color:#616364;transform:translateY(-2px)}.button:active{transform:translateY(0)}.game-over{text-align:center;margin:1rem 0;color:#fff}