/* Stroke player, using the site's reading-journal tokens. */
.dictionary-strokes{max-width:440px;color:var(--ink,#232720);font:inherit}
.dictionary-strokes .ds-heading{margin:0 0 14px;font-size:18px;line-height:1.5}
.dictionary-strokes .ds-canvas{display:block;width:100%;max-width:340px;height:auto;aspect-ratio:1;margin:0 auto;border:1px solid var(--line,#bdb7aa);background:var(--paper,#f8f4e9)}
.dictionary-strokes .ds-grid{fill:none;stroke:var(--line,#bdb7aa);stroke-width:2;stroke-dasharray:12 10}
.dictionary-strokes .ds-outline{fill:var(--ink,#232720);opacity:.16}
.dictionary-strokes .ds-ink{fill:var(--ink,#232720)}
.dictionary-strokes .ds-counter{margin:12px 0;font-size:14px;font-variant-numeric:tabular-nums;text-align:center}
.dictionary-strokes .ds-controls{display:flex;flex-wrap:wrap;align-items:end;justify-content:center;gap:8px}
.dictionary-strokes :is(.ds-button,select){box-sizing:border-box;min-width:44px;min-height:44px;padding:9px 12px;border:1px solid var(--line,#bdb7aa);border-radius:0;background:var(--paper,#f8f4e9);color:var(--ink,#232720);font:inherit;font-size:14px;line-height:1.4;cursor:pointer;touch-action:manipulation}
.dictionary-strokes .ds-button:first-child{background:var(--ink,#232720);border-color:var(--ink,#232720);color:var(--paper,#f8f4e9)}
.dictionary-strokes :is(.ds-button,select):focus-visible{outline:3px solid var(--accent,#b63a24);outline-offset:3px}
.dictionary-strokes :is(.ds-button,select):disabled{opacity:.5;cursor:default}
.dictionary-strokes .ds-speed{display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.4}
.dictionary-strokes :is(.ds-credit,.ds-motion-note){margin:14px 0 0;font-size:12px;line-height:1.7}
.dictionary-strokes .ds-credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.dictionary-strokes [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.dictionary-strokes *{scroll-behavior:auto}}