body{background-color:#121213;color:#fff;font-family:sans-serif;display:flex;justify-content:center}.row{display:flex;justify-content:center;margin-bottom:5px}.tile{display:block;width:60px;height:60px;border:2px solid #3a3a3c;margin:0 3px;text-align:center;line-height:60px;font-size:2rem;font-weight:700;text-transform:uppercase}*{box-sizing:border-box}:root{--color-green: #538d4e;--color-yellow: #b59f3b;--color-grey: #3a3a3c;--color-black: #121213;--color-tone-1: #ffffff}body{background-color:var(--color-black);color:var(--color-tone-1);font-family:Helvetica Neue,Arial,sans-serif;margin:0;display:flex;justify-content:center;min-height:100vh}.game-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;margin:0 auto}.row{display:flex;justify-content:center;gap:5px;margin-bottom:5px}.tile{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border:2px solid #3a3a3c;font-size:2rem;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none}.tile.filled{border-color:#818384;animation:pop .1s}.tile.green{background-color:var(--color-green);border-color:var(--color-green)}.tile.yellow{background-color:var(--color-yellow);border-color:var(--color-yellow)}.tile.grey{background-color:var(--color-grey);border-color:var(--color-grey)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:450px;background-color:#e31b23;color:#fff;padding:40px;border-radius:20px;box-shadow:0 0 30px #00000080;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:100}button{margin-top:10px;padding:10px 20px;font-size:1rem;cursor:pointer;background:#fff;color:#c8102e;border:none;border-radius:5px;font-weight:700}.keyboard{width:100%;max-width:500px;margin-top:auto;padding-bottom:20px;display:flex;flex-direction:column;gap:8px}.keyboard-row{display:flex;justify-content:center;gap:6px}.key{font-family:inherit;font-weight:700;border:0;padding:0;margin:0;height:58px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#818384;color:#fff;flex:none;width:40px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-size:1.2rem}.keyboard-row:nth-child(3) .key:first-child{width:65px}.keyboard-row:nth-child(3) .key:last-child{width:65px}.key.green{background-color:var(--color-green)}.key.yellow{background-color:var(--color-yellow)}.key.grey{background-color:#3a3a3c}.hint-container{display:flex;justify-content:center;align-items:center;min-height:45px;margin-top:30px;margin-bottom:40px}h1.game-title{margin:0!important;padding-top:40px;padding-bottom:30px}.grid{margin:0!important}.hint-btn{background:#00985f;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:700;font-size:.9rem;transition:transform .2s}.hint-btn:hover{transform:scale(1.05);background:#007f50}.hint-text{color:#f5c542;font-weight:700;font-size:1.1rem;animation:fadeIn .5s;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.kofi-btn{position:fixed;bottom:20px;right:20px;background-color:#e31b23;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:50px;font-weight:700;font-size:.9rem;box-shadow:0 4px 15px #0000004d;z-index:1000;transition:transform .2s ease,box-shadow .2s ease}.kofi-img{height:20px;width:auto;animation:wiggle 3s infinite}.kofi-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #29abe066}@media screen and (max-width:600px){.game-title{font-size:1.5rem!important;padding-top:15px!important;padding-bottom:15px!important}.game-container{padding:0 10px;width:100%;overflow-x:hidden}.row{width:100%;display:flex;justify-content:center;gap:3px!important}.tile{flex:1;max-width:38px;aspect-ratio:1 / 1;height:auto!important;font-size:1rem!important;line-height:1!important;display:flex;align-items:center;justify-content:center;border-width:2px!important}.modal{width:90%!important;padding:20px!important}.key{height:45px;font-size:1rem;flex:1;width:auto;max-width:none}.key:first-child:nth-last-child(9),.key:last-child{flex:1.5;width:auto;max-width:none}.keyboard{padding-bottom:80px;padding-left:5px;padding-right:5px}}