.ww{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.ww__bar{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;color:var(--text-tertiary)}.ww__bar p{margin:0}.ww__eyebrow{margin:0;color:var(--text-tertiary)}.ww__heading{margin:0}.ww__instr,.ww__prompt{margin:0;max-width:40ch;color:var(--text-secondary)}.ww__count,.ww__legend{margin:0;color:var(--text-tertiary)}.ww__actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center}.ww__actions:empty,.ww__reveal:empty{display:none}.ww-phone{width:min(100%,22rem);border:1px solid var(--card-border-strong);border-radius:20px;background:var(--grey-white);overflow:hidden;box-shadow:var(--card-shadow-s)}.ww-phone__screen{min-height:92px;display:flex;align-items:flex-start;padding:16px 14px;background:var(--grey-white);border-bottom:1px solid var(--grey-30)}.ww-phone__text{margin:0;text-align:left;font-family:var(--font-body, "Nunito", system-ui, sans-serif);font-size:19px;line-height:1.45;color:var(--text-primary)}.ww-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:text-bottom;background:var(--teal-primary);animation:ww-blink 1.05s steps(1) infinite}@keyframes ww-blink{50%{opacity:0}}.ww-phone__strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--grey-20);min-height:52px}.ww-suggest{min-height:52px;padding:8px 4px;border:0;border-right:1px solid var(--grey-30);background:transparent;color:var(--text-primary);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;animation:ww-suggest-in .26s var(--card-ease, cubic-bezier(.2,.7,.3,1)) both;animation-delay:calc(var(--i, 0) * 45ms)}.ww-suggest:last-child{border-right:0}.ww-suggest:active{background:var(--grey-30)}.ww-suggest:focus-visible{outline:2px solid var(--teal-primary);outline-offset:-2px}@keyframes ww-suggest-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ww-phone__keys{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding:10px;background:var(--grey-30)}.ww-phone__keys span{height:16px;border-radius:3px;background:var(--grey-white);opacity:.75}.ww-sentence{margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;font-family:var(--font-body, "Nunito", system-ui, sans-serif);font-size:20px}.ww-word{padding:2px 4px}.ww-word.is-unseen{color:var(--grey-50);text-decoration:line-through;text-decoration-color:var(--grey-40)}.ww-word.is-clue{color:var(--grey-100);font-weight:700;background:var(--blue-10);border:2px solid var(--blue-60);border-radius:8px;padding:2px 10px}.ww-word.is-gap{color:var(--text-tertiary);letter-spacing:1px}.ww__options{width:min(100%,24rem);display:flex;flex-direction:column;gap:8px}.ww-option{width:100%;min-height:48px;padding:12px 16px;border:1.5px solid var(--card-border-strong);border-radius:14px;background:var(--grey-white);color:var(--text-primary);cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:border-color .14s ease,background .14s ease,transform .14s ease}.ww-option:not(:disabled):active{transform:scale(.99)}.ww-option:disabled{opacity:.5;cursor:default}.ww-option:focus-visible{outline:2px solid var(--teal-primary);outline-offset:2px}.ww-option.is-right{background:var(--success-10);border-color:var(--success-30)}.ww-option.is-wrong{background:var(--error-20);border-color:var(--error-30)}.ww__feedback{margin:0;max-width:42ch;color:var(--text-secondary)}.ww__feedback:empty{display:none}.ww__feedback.is-right,.ww__feedback.is-wrong{padding:10px 14px;border-radius:12px;border:1px solid;color:var(--grey-90)}.ww__feedback.is-right{background:var(--success-10);border-color:var(--success-30)}.ww__feedback.is-wrong{background:var(--error-20);border-color:var(--error-30)}.ww__reveal{width:min(100%,30rem);display:flex;flex-direction:column;gap:14px;align-items:center}.ww-beat{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--card-border-strong);background:var(--grey-10);color:var(--grey-90);text-align:left;animation:ww-beat-in .4s var(--card-ease, cubic-bezier(.2,.7,.3,1))}.ww-beat p{margin:0}.ww-beat .ww-beat__head{color:var(--text-primary);margin-bottom:4px}.ww-beat.is-pass{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:var(--grey-white)}@keyframes ww-beat-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}