.word-game{--word-right:#4f9a6f;--word-present:#c9a227;--word-absent:#8a8f8c;--word-on-color:#fff;flex-direction:column;align-items:center;gap:.75rem;display:flex;position:relative}.word-colorblind{--word-right:#d9722b;--word-present:#3f83c9}.word-board{gap:.35rem;width:min(100%,22rem,46svh);display:grid}.word-row{grid-template-columns:repeat(5,1fr);gap:.35rem;display:grid}.word-cell{aspect-ratio:1;border:2px solid var(--nook-line);background:var(--nook-surface);color:var(--nook-ink);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:.6rem;justify-content:center;align-items:center;font-size:clamp(1.4rem,7vw,2rem);font-weight:800;display:flex}.word-filled{border-color:var(--nook-ink-soft)}.word-hint{color:var(--nook-ink-soft);opacity:.55}.word-g,.word-y,.word-x{color:var(--word-on-color);border-color:#0000}.word-g{background:var(--word-right)}.word-y{background:var(--word-present)}.word-x{background:var(--word-absent)}.word-message{min-height:1.6rem;color:var(--nook-ink);text-align:center;margin:0;font-weight:700}.word-keyboard{flex-direction:column;gap:.35rem;width:100%;max-width:34rem;display:flex}.word-keyline{justify-content:center;gap:.25rem;display:flex}.word-key{background:var(--nook-cream-deep);min-width:0;height:3.2rem;color:var(--nook-ink);cursor:pointer;border:0;border-radius:.5rem;flex:1 1 0;font-size:1rem;font-weight:800}.word-key.word-g,.word-key.word-y,.word-key.word-x{color:var(--word-on-color)}.word-key.word-g{background:var(--word-right)}.word-key.word-y{background:var(--word-present)}.word-key.word-x{background:var(--word-absent)}.word-key-wide{flex:1.6 1 0;font-size:.8rem}.word-key:focus-visible,.word-tool:focus-visible,.word-button:focus-visible,.word-helper:focus-visible{outline:3px solid var(--nook-accent);outline-offset:2px}.word-gone{opacity:.25;cursor:default}.word-tools{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.word-tool{border:1px solid var(--nook-line);background:var(--nook-surface);min-height:2.75rem;color:var(--nook-ink);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-weight:700;display:inline-flex}.word-panel{background:var(--nook-surface);border-radius:1rem;flex-direction:column;gap:.5rem;width:min(100%,26rem);padding:1rem;display:flex;box-shadow:0 8px 24px #00000026}.word-panel-state{color:var(--nook-ink-soft);margin:0}.word-helper{border:1px solid var(--nook-line);background:var(--nook-cream-deep);color:var(--nook-ink);text-align:start;cursor:pointer;border-radius:.75rem;gap:.15rem;padding:.75rem;display:grid}.word-end{background:var(--nook-surface);width:min(100%,26rem);color:var(--nook-ink);text-align:center;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex;box-shadow:0 4px 14px #0000001a}.word-end-title{margin:0;font-size:1.5rem;font-weight:800}.word-end-word{letter-spacing:.04em;margin:0;font-size:1.6rem;font-weight:800}.word-end-meaning{color:var(--nook-ink-soft);margin:0}.word-end-rewards{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;font-weight:700;list-style:none;display:flex}.word-end-note{color:var(--nook-ink-soft);margin:0;font-size:.9rem}.word-end-link{color:var(--nook-accent);font-weight:700;text-decoration:underline}.word-end-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.word-button{background:var(--nook-accent);min-height:3rem;color:var(--nook-on-accent);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1.4rem;font-size:1.05rem;font-weight:800;display:inline-flex}.word-button-soft{background:var(--nook-cream-deep);color:var(--nook-ink)}.word-howto{z-index:50;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.word-howto-card{background:var(--nook-surface);width:min(100%,26rem);max-height:100%;color:var(--nook-ink);border-radius:1.25rem;flex-direction:column;align-items:center;gap:.9rem;padding:1.25rem;display:flex;overflow-y:auto}.word-example{width:min(100%,17rem)}.word-howto-steps{flex-direction:column;gap:.4rem;margin:0;padding-inline-start:1.25rem;list-style:decimal;display:flex}.word-flip{animation:2.6s ease-in-out infinite word-flip}@keyframes word-flip{0%,60%,to{transform:rotateX(0)}30%{transform:rotateX(90deg)}}.word-shake{animation:.4s word-shake}@keyframes word-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}[data-word-game=ar] .word-cell{font-size:clamp(1.5rem,8vw,2.2rem);line-height:1}[data-word-game=ar] .word-key{height:3.5rem;font-size:1.3rem}[data-word-game=ar] .word-key-wide{flex:1 1 0;height:3rem;font-size:1.05rem}[data-word-game=ar] .word-end-word{letter-spacing:0}@media (prefers-reduced-motion:reduce){.word-flip,.word-shake{animation:none}}