.move-demo-layer{position:absolute;z-index:3;pointer-events:none;overflow:visible;color:#7551bd;animation:move-demo-life var(--demo-duration) ease both}
.move-demo-layer .demo-line{stroke:currentColor;stroke-width:6;stroke-linecap:round;opacity:.7}
.move-demo-layer .demo-ring,.move-demo-layer .demo-gap{fill:none;stroke:currentColor;stroke-width:4}
.move-demo-layer .demo-gap{fill:#fffaf4e6;stroke-dasharray:6 5}
.move-demo-layer .demo-gap-label{fill:currentColor;font:bold 24px system-ui}
.move-demo-layer .demo-block{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #432559)}
.move-demo-layer.kind-danger,.move-demo-layer.kind-occupied{color:#b45309}
.move-demo-layer.kind-danger .demo-line{stroke-dasharray:8 6}
.move-demo-layer.kind-blocked,.move-demo-layer.kind-won{color:#18745b}
.move-demo-note{position:absolute;z-index:5;left:8px;right:8px;bottom:5px;width:fit-content;max-width:calc(100% - 16px);margin:auto;padding:4px 9px;border:1px solid #e3d8ed;border-radius:12px;background:#fffdf5f5;box-shadow:0 2px 8px #43255922;font:700 clamp(11px,2.3vw,14px)/1.25 var(--body);color:#352348;pointer-events:none}
.move-demo-help{margin:12px 0;display:grid;gap:10px}.move-demo-help label{display:flex;align-items:center;text-align:left;gap:10px;min-height:44px;font-size:16px}.move-demo-help input{width:24px;height:24px;accent-color:#7551bd}.move-demo-help button{min-height:44px;border:2px solid #d6c6ed;border-radius:13px;background:#f5effe;padding:8px 12px;font:700 16px var(--body)}
@keyframes move-demo-life{0%{opacity:0;transform:scale(.97)}25%,80%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.move-demo-layer{animation:none!important;transform:none!important;opacity:1}}

#help-dialog{max-height:calc(100dvh - 24px);overflow:auto}

#pause-overlay{z-index:6}
.move-demo-layer .demo-stop{fill:#fff8ed;stroke:currentColor;stroke-width:4;stroke-linecap:round}

#tic-full-help{text-align:left;margin:12px 0}#tic-full-help summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:800}#tic-full-help summary::before{content:"＋";margin-right:8px}#tic-full-help[open] summary::before{content:"−"}#tic-full-help h3{font-size:16px;margin:14px 0 4px}#tic-full-help p{font-size:15px;line-height:1.5;margin:0 0 10px}

#help-dialog{max-width:620px}#help-dialog .dialog-close{position:sticky;top:0;right:auto;float:right;width:44px;height:44px;z-index:8}#help-dialog h2{clear:both}
@media(min-width:600px) and (max-height:500px){#help-dialog{padding:14px 20px}#help-dialog .dialog-close{position:absolute;top:8px;right:8px;float:none}#help-dialog h2{margin:2px 40px 5px;font-size:24px}#help-rule{margin:4px 0;font-size:17px}.example-line>span,.is-hard .example-line>span{width:38px;height:38px}.move-demo-help{grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}#tic-full-help{margin:4px 0}#help-dialog .primary-button{padding:10px 14px;min-height:44px}}

@media(max-width:400px){#help-dialog h2{font-size:clamp(20px,6vw,24px)}}