:root{--bg-color: #0d0d0d;--tile-bg: #1a1a1a;--tile-border: #3a3a3c;--tile-text: #ffffff;--color-correct: #538d4e;--color-present: #b59f3b;--color-absent: #3a3a3c;--key-bg: #818384;--key-text: #ffffff;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--tile-text);font-family:var(--font-family);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}#root{width:100%;max-width:500px;height:100vh;display:flex;flex-direction:column;padding:20px}header{text-align:center;margin-bottom:2rem;border-bottom:1px solid var(--tile-border);padding-bottom:10px}h1{font-size:2.5rem;font-weight:700;letter-spacing:.1rem;text-transform:uppercase}.grid-container{display:flex;flex-direction:column;gap:5px;align-items:center;flex-grow:1;justify-content:center}.row{display:flex;gap:5px}.tile{width:60px;height:60px;border:2px solid var(--tile-border);display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:4px}.tile.correct{background-color:var(--color-correct);border-color:var(--color-correct)}.tile.present{background-color:var(--color-present);border-color:var(--color-present)}.tile.absent{background-color:var(--color-absent);border-color:var(--color-absent)}.keyboard{margin-top:2rem;width:100%}.keyboard-row{display:flex;justify-content:center;gap:6px;margin-bottom:8px}.key{height:58px;border-radius:4px;border:none;background-color:var(--key-bg);color:var(--key-text);font-weight:700;cursor:pointer;flex-grow:1;display:flex;justify-content:center;align-items:center;transition:background-color .2s;text-transform:uppercase}.key.large{flex-grow:1.5;font-size:.8rem}.key.correct{background-color:var(--color-correct)}.key.present{background-color:var(--color-present)}.key.absent{background-color:var(--color-absent)}.message-toast{position:absolute;top:10%;left:50%;transform:translate(-50%);background:#fff;color:#000;padding:12px 20px;border-radius:4px;font-weight:700;z-index:100;box-shadow:0 4px 15px #0000004d}@keyframes flip{0%{transform:rotateX(0)}45%{transform:rotateX(90deg)}55%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.flip{animation:flip .5s ease-in-out forwards}.bounce{animation:bounce .1s ease-in-out forwards}.shake{animation:shake .5s ease-in-out forwards}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#000;border:1px solid #3a3a3c;border-radius:12px;padding:40px;text-align:center;box-shadow:0 0 30px #00000080;max-width:90%}.modal-content h2{font-size:2.2rem;margin-bottom:30px;color:#fff}.target-word-display{display:flex;gap:10px;justify-content:center;margin-bottom:40px}.target-letter-tile{width:50px;height:50px;border:2px solid #565758;display:flex;justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;color:#fff;text-transform:uppercase}.new-game-btn{background-color:#21c35a;color:#fff;border:none;border-radius:6px;padding:14px 28px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .1s}.new-game-btn:hover{transform:scale(1.05)}.new-game-btn:active{transform:scale(.95)}