/* Shared practice language: a persistent outline means next; green means recorded. */
.device-badge{display:inline-block;font-size:.82rem;font-weight:750;padding:.25rem .65rem;border:1px solid #62756c;border-radius:999px;color:#243d35;background:#fffdf8}
.practice-help{margin:1rem 0;padding:.75rem 1rem;border:1px solid #b9c8bf;border-radius:12px}
.practice-help summary{cursor:pointer;font-weight:750;min-height:44px;align-content:center}
.practice-help summary:focus-visible{outline:3px solid #243d35;outline-offset:3px}
.practice-help:not([open]){box-shadow:none}
.game-layout .key.target{position:relative;outline:3px solid #243d35;outline-offset:3px;background:#fffdf8;border-color:#243d35}
.game-layout .key.target::before{content:"▼";position:absolute;top:-25px;font-size:18px;color:#243d35}
.game-layout .key.correct{background:#e4f4e8;border-color:#247342}
.game-layout .key.correct::after{content:"✓";font-size:18px;color:#247342}
.game-layout .key.wrong,.game-layout .result-pill.error,.game-layout .needs-correction{border-color:#946000;background:#fff0c7;color:#654200}
.game-layout .key-display.error-pulse{animation:none;outline:3px solid #946000}
.game-layout .typed-error{background:#fff0c7;color:#654200;text-decoration:underline wavy #946000;text-decoration-thickness:2px}
.game-layout .typing-current{outline:2px solid #243d35;text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:5px}
#pressAction{font-size:1.5rem;color:#243d35;margin:0}
.press-key.is-correct{background:#e4f4e8;border-color:#247342;color:#18512c}
.game-layout .tap-target,.game-layout .reach-target{outline:3px solid #243d35;outline-offset:4px}
.game-layout .tap-target[hidden],.game-layout .reach-target[hidden],.hit-cue[hidden]{display:none}
.hit-cue{position:absolute;z-index:2;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e4f4e8;color:#18512c;border:3px solid #247342;font-size:30px;font-weight:900;pointer-events:none}
.garden-done{display:inline-grid;color:#18512c;background:#e4f4e8;border-radius:4px;margin:0 2px;padding:0 3px;line-height:1.1}
.garden-done small{font-size:.65em}
@media(prefers-reduced-motion:reduce){.game-layout .key,.game-layout .key-display{animation:none!important}}