.rope-shell{max-width:800px;width:min(100%,800px);min-height:0!important}.rope-shell .scorebar{grid-template-columns:repeat(4,minmax(0,1fr))}.scorebar button{background:none;border:0;color:inherit;cursor:pointer;padding:0;font:inherit}.scorebar button span{display:block}.rope-stage{position:relative;margin-top:5px}.rope-board{position:relative;width:100%;aspect-ratio:800/840;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:0}.rope-board *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.rope-board>svg,.rope-targets{position:absolute;inset:0;width:100%;height:100%}.rope-hit{position:absolute;transform:translate(-50%,-50%);width:max(44px,8%);height:max(44px,7.62%);padding:0;border:0;background:transparent;border-radius:50%;touch-action:none;cursor:grab;min-width:0}.rope-hit:disabled{opacity:1;cursor:default}.rope-hit:focus-visible{outline:3px solid #ffe3a4;outline-offset:1px}.rope-controls{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;margin:0 0 4px}.rope-controls form{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:8px}.rope-controls select{width:100%;min-width:0;height:46px}.rope-controls button{min-width:0;min-height:46px;margin:0}.rope-solved{padding:8px 0 0;text-align:center}.rope-solved h2{font-size:1.2rem;margin:0 0 7px}.rope-solved p{margin:0 0 12px;color:#ded6c6}.rope-solved>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rope-feedback{position:relative;margin:8px 0 0;padding:10px 12px;background:#f4d996;color:#211e16;border-radius:12px;box-shadow:0 4px 14px #0005;font-size:.92rem}.rope-feedback:before{content:'';position:absolute;top:-6px;left:25px;border:6px solid transparent;border-bottom-color:#f4d996;border-top:0}.rope-blink{animation:rope-hint .65s ease-in-out infinite alternate}.reduced-motion .rope-blink{animation:none;filter:brightness(1.5)}@keyframes rope-hint{to{filter:brightness(1.7)}}.rope-shell button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.demo-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px;border:1px solid #b89653;border-radius:10px}.demo-bar small{display:block}.demo-bar[hidden],.rope-shell [hidden]{display:none!important}@media(min-width:600px){.rope-shell{max-width:min(800px,calc((100svh - 240px)*.9524))}.rope-controls button,.rope-controls select{font-size:1.05rem}.rope-feedback{font-size:1rem}}@media(max-height:600px)and(orientation:landscape){.rope-shell{max-width:440px}}@media(prefers-reduced-motion:reduce){.rope-blink{animation:none;filter:brightness(1.5)}}

.rope-demo-finger{pointer-events:none;filter:drop-shadow(0 3px 3px #0008)}