:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#121213;color:#fafafa}.game-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;max-width:500px;margin:0 auto}.game-header{width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:.75rem;margin-bottom:1.5rem}.game-header h1{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.board{display:flex;flex-direction:column;gap:5px;margin-bottom:auto}.word-row{display:flex;gap:5px}.word-row.shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.tile{width:62px;height:62px;display:grid;place-items:center;font-size:2rem;font-weight:700;text-transform:uppercase;border:2px solid rgba(255,255,255,.12);border-radius:4px;-webkit-user-select:none;user-select:none;transition:transform .2s ease}.tile.filled{border-color:#fff6;animation:pop .1s ease}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.tile.correct{background:#538d4e;border-color:#538d4e;color:#fff;animation:flipIn .4s ease forwards}.tile.present{background:#b59f3b;border-color:#b59f3b;color:#fff;animation:flipIn .4s ease forwards}.tile.absent{background:#3a3a3c;border-color:#3a3a3c;color:#fff;animation:flipIn .4s ease forwards}@keyframes flipIn{0%{transform:scaleY(1)}50%{transform:scaleY(0)}to{transform:scaleY(1)}}.game-message{text-align:center;margin:1.5rem 0;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.win-text{font-size:1.1rem;color:#538d4e;margin:0 0 .25rem}.lose-text{font-size:1.1rem;color:#d7555b;margin:0 0 .25rem}.guess-count{font-size:.95rem;color:#fff9;margin:0 0 1rem}.play-again{background:#538d4e;color:#fff;border:none;padding:.6rem 1.6rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.play-again:hover{background:#6aaf63}.keyboard{width:100%;padding:.5rem 0 1rem;display:flex;flex-direction:column;align-items:center;gap:6px}.keyboard-row{display:flex;gap:5px;justify-content:center}.key{min-width:35px;height:52px;border:none;border-radius:4px;background:#818384;color:#fafafa;font-size:.85rem;font-weight:600;cursor:pointer;display:grid;place-items:center;transition:background .15s,transform .1s;-webkit-user-select:none;user-select:none}.key:active{transform:scale(.95)}.key.wide{min-width:58px;font-size:.75px;letter-spacing:.04em}.key.correct{background:#538d4e}.key.present{background:#b59f3b}.key.absent{background:#3a3a3c}@media(max-width:400px){.tile{width:52px;height:52px;font-size:1.6rem}.key{min-width:28px;height:46px;font-size:.75rem}.key.wide{min-width:48px}}