.ct-explanation{font:600 clamp(16px,2vw,22px)/1.45 'DM Sans',sans-serif;overflow:auto;overflow-wrap:anywhere;align-content:center}.ct-strokes{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.ct-strokes[hidden]{display:none}.ct-strokes button{width:100%;min-height:44px;border:1px solid #abb9a2;border-radius:8px;color:#183723;background:#fffaf0;font:600 13px/1.4 'DM Sans',sans-serif;cursor:pointer}.ct-strokes button:focus-visible{outline:3px solid #b72c20;outline-offset:2px}.ju-stroke-dialog{width:min(580px,calc(100% - 28px));max-height:90dvh;box-sizing:border-box;padding:22px;background:#fffaf0;color:#183723;border:1px solid #88997c;border-radius:18px;font:15px/1.5 'DM Sans',system-ui,sans-serif;overflow:auto;overscroll-behavior:contain}.ju-stroke-dialog::backdrop{background:#17201999}.ju-stroke-dialog header{position:sticky;top:-22px;z-index:2;background:#fffaf0;padding:8px 0;display:flex;justify-content:space-between;gap:12px;align-items:start}.ju-stroke-brand{font-size:10px;letter-spacing:.06em;margin:0 0 8px}.ju-stroke-dialog h2{font:32px/1.3 'Noto Sans JP',sans-serif;margin:0}.ju-stroke-dialog button{min-height:44px;padding:10px 13px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;border:1px solid #183723;background:transparent;color:#183723;border-radius:8px;cursor:pointer}.ju-stroke-dialog button:disabled{opacity:.45;cursor:default}.ju-stroke-dialog button:focus-visible,.ju-stroke-dialog summary:focus-visible{outline:3px solid #b72c20;outline-offset:3px}.ju-stroke-dialog [data-action=play]{background:#183723;color:white}.ju-stroke-stage,.ju-stroke-paper{max-width:300px;margin:auto;border:1px solid #bdc7b4;background:#fffefa;border-radius:8px;aspect-ratio:1}.ju-stroke-dialog svg{display:block;width:100%;height:auto}.ju-stroke-controls{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ju-stroke-counter{text-align:center;font-weight:700;margin:8px 0}.ju-stroke-dialog details{margin:16px 0;border-top:1px solid #bbc4b4;padding-top:12px}.ju-stroke-dialog summary{cursor:pointer;font-weight:600;min-height:36px}.ju-stroke-guide>div{max-width:300px;margin:12px auto}.ju-stroke-source{font-size:11px;line-height:1.6;border-top:1px solid #bbc4b4;padding-top:12px}.ju-stroke-dialog a{color:inherit;text-decoration:underline}.ju-stroke-dialog footer{font-size:11px;text-align:center}.ju-writing-svg{touch-action:none;cursor:crosshair}.ju-stroke-dialog [hidden]{display:none!important}#ju-stroke-motion{font-size:12px}#ju-stroke-status{min-height:24px}@media(max-width:400px){.ju-stroke-dialog{padding:14px}.ju-stroke-dialog h2{font-size:25px}.ju-stroke-dialog header{gap:6px}.ju-stroke-controls button{flex:1;font-size:12px;padding:10px 8px}.ju-stroke-stage,.ju-stroke-paper{max-width:240px}}