.ws-shared{border-left:3px solid var(--color-accent);background:var(--color-accent-soft);padding:.75rem 1rem;font-size:.95rem}.ws-view-actions,.ws-hints>div{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ws-view-actions{margin-top:1rem}.ws-view-actions .btn,.ws-hints .btn{min-height:44px}.ws-help,.ws-word-panel>p,.ws-hints>p{color:var(--color-muted);font-size:.9rem;line-height:1.55}.ws-help{margin:.65rem 0}.ws-layout{align-items:start;gap:1.5rem;margin-top:1rem;display:grid}.ws-grid-wrap{overscroll-behavior-x:contain;min-width:0;max-width:100%;padding:3px;overflow-x:auto}.ws-grid{border:2px solid var(--color-ink);background:var(--color-line);touch-action:none;-webkit-user-select:none;user-select:none;gap:1px;display:grid}.ws-grid[data-input=tap]{touch-action:pan-x pan-y}.ws-grid button{aspect-ratio:1;font-family:var(--font-display);background:var(--color-card);color:var(--color-ink);border:0;place-items:center;min-width:0;padding:0;font-size:clamp(.875rem,2.1vw,1.2rem);font-weight:600;display:grid;position:relative}.ws-grid[data-large=true] button{font-size:1.25rem}.ws-grid button[data-color="0"]{background:var(--color-good-soft)}.ws-grid button[data-color="1"]{background:var(--color-ochre-soft)}.ws-grid button[data-color="2"]{background:var(--color-accent-soft)}.ws-grid button[data-color="3"]{background:#efe4d6}.ws-grid button[data-color="4"]{background:#e4e8f2}.ws-grid button[data-color="5"]{background:#f3e4ea}.ws-grid button[data-color]{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.ws-grid button[data-selected=true]{background:var(--color-ochre-soft);box-shadow:inset 0 0 0 1px var(--color-ink)}.ws-grid button[data-start=true]{box-shadow:inset 0 0 0 2px var(--color-ink)}.ws-grid button[data-hint=true]{box-shadow:inset 0 0 0 3px var(--color-accent);text-decoration:underline;text-decoration-thickness:3px}.ws-grid button[data-miss=true]{background:var(--color-bad-soft);color:var(--color-bad)}.ws-grid button:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px;z-index:1}.ws-word-panel h2{font-family:var(--font-display);align-items:baseline;gap:.75rem;font-size:1.3rem;display:flex}.ws-word-panel h2 span{font:normal .9rem var(--font-sans);color:var(--color-muted)}.ws-word-panel>p{margin:.5rem 0}.ws-word-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin:1rem 0;padding:0;list-style:none;display:grid}.ws-word-list button{text-align:left;border:1px solid var(--color-line);background:var(--color-card);overflow-wrap:anywhere;border-radius:4px;width:100%;min-height:44px;padding:.5rem .6rem;font-size:.9rem}.ws-word-list button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:inset 3px 0 var(--color-accent)}.ws-word-found{min-height:44px;color:var(--color-good);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.5rem .25rem;font-size:.9rem;display:flex}.ws-found-kind{color:var(--color-muted);font-size:.75rem}.ws-hints{border-top:1px solid var(--color-line);padding-top:.5rem}.ws-hints p{margin:.5rem 0}.ws-next{margin-top:1.25rem}@media (min-width:1024px){.ws-layout{grid-template-columns:minmax(0,1.65fr) minmax(15rem,1fr);gap:2rem}.ws-word-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.ws-grid button{transition:none}}.ws-grid button{scroll-margin-top:calc(var(--site-header-height,80px) + 20px)}