.wordle-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.wordle-lang-row,.wordle-mode-row{display:flex;gap:.4rem}.wordle-message{text-align:center;background:var(--text);color:var(--bg);padding:.45rem 1.2rem;border-radius:6px;font-size:.875rem;font-weight:600;margin:0 auto .75rem;width:-moz-fit-content;width:fit-content;animation:msg-in .18s cubic-bezier(.34,1.56,.64,1)}@keyframes msg-in{0%{opacity:0;transform:translateY(-10px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.wordle-board-wrap{display:flex;justify-content:center;margin-bottom:1.25rem}.wordle-board{flex-direction:column}.wordle-board,.wordle-row{display:flex;gap:6px}.wordle-row.shake{animation:shake .48s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{0%,to{transform:translateX(0)}10%{transform:translateX(-7px)}30%{transform:translateX(7px)}50%{transform:translateX(-5px)}70%{transform:translateX(5px)}90%{transform:translateX(-2px)}}.wordle-tile{width:58px;height:58px;border:2px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;text-transform:uppercase;background:var(--surface);color:var(--text);box-sizing:border-box;transform-style:preserve-3d;transition:border-color 80ms ease}.wordle-tile.has-letter{border-color:var(--muted);animation:pop .14s cubic-bezier(.34,1.8,.64,1)}@keyframes pop{0%{transform:scale(1)}60%{transform:scale(1.13)}to{transform:scale(1)}}.wordle-tile.flip{animation:flip .52s cubic-bezier(.455,.03,.515,.955) forwards;animation-fill-mode:both}@keyframes flip{0%{transform:rotateX(0deg)}45%{transform:rotateX(-90deg)}55%{transform:rotateX(-90deg)}to{transform:rotateX(0deg)}}.wordle-row.bounce .wordle-tile{animation:tile-bounce .5s cubic-bezier(.34,1.56,.64,1) both}.wordle-row.bounce .wordle-tile:first-child{animation-delay:0s}.wordle-row.bounce .wordle-tile:nth-child(2){animation-delay:.08s}.wordle-row.bounce .wordle-tile:nth-child(3){animation-delay:.16s}.wordle-row.bounce .wordle-tile:nth-child(4){animation-delay:.24s}.wordle-row.bounce .wordle-tile:nth-child(5){animation-delay:.32s}@keyframes tile-bounce{0%{transform:translateY(0)}40%{transform:translateY(-22px)}70%{transform:translateY(4px)}85%{transform:translateY(-8px)}to{transform:translateY(0)}}.wordle-tile.tile-correct{background:var(--wordle-correct,#538d4e);border-color:var(--wordle-correct,#538d4e);color:var(--wordle-on-state,#dee5ff)}.wordle-tile.tile-present{background:var(--wordle-present,#b59f3b);border-color:var(--wordle-present,#b59f3b);color:var(--wordle-on-state,#dee5ff)}.wordle-tile.tile-absent{background:var(--wordle-absent,#3a3a3c);border-color:var(--wordle-absent,#3a3a3c);color:var(--wordle-on-state,#dee5ff)}.wordle-keyboard{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:.5rem}.wordle-kb-row{display:flex;gap:5px}.wordle-key{height:58px;min-width:38px;padding:0 8px;border-radius:5px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:.8rem;font-weight:700;cursor:pointer;text-transform:uppercase;transition:background .18s ease,color .18s ease,border-color .18s ease,transform 80ms ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wordle-key:hover{border-color:var(--accent)}.wordle-key:active{transform:scale(.9)}.wordle-key-wide{min-width:60px;font-size:.75rem}.wordle-key.key-correct{background:var(--wordle-correct,#538d4e);border-color:var(--wordle-correct,#538d4e);color:var(--wordle-on-state,#dee5ff)}.wordle-key.key-present{background:var(--wordle-present,#b59f3b);border-color:var(--wordle-present,#b59f3b);color:var(--wordle-on-state,#dee5ff)}.wordle-key.key-absent{background:var(--wordle-absent,#3a3a3c);border-color:var(--wordle-absent,#3a3a3c);color:var(--color-text-muted)}[data-theme=light] .wordle-tile.tile-absent{--wordle-absent:#787c7e}[data-theme=light] .wordle-key.key-absent{--wordle-absent:#787c7e;color:var(--wordle-on-state,#dee5ff)}.wordle-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:100;animation:overlay-in .2s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.wordle-stats-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem 2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;min-width:260px;animation:modal-in .28s cubic-bezier(.34,1.4,.64,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.wordle-stats-box h2{font-size:1.4rem;font-weight:800;margin:0}.wordle-answer{color:var(--muted);font-size:.9rem;margin:0}.wordle-answer strong{text-transform:uppercase;color:var(--text)}.wordle-stats-row{display:flex;justify-content:space-between;width:100%;font-size:.875rem;gap:2rem}.wordle-stats-label{color:var(--muted)}.wordle-stats-val{font-weight:600;color:var(--text)}.wordle-stats-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}@media (max-width:420px){.wordle-tile{width:48px;height:48px;font-size:1.2rem}.wordle-key{height:50px;min-width:30px;font-size:.7rem}.wordle-key-wide{min-width:48px}}