*{box-sizing:border-box}body{margin:0;background:#f2f2e9;color:#254e43;font:16px/1.5 system-ui,sans-serif}main{max-width:1060px;margin:auto;padding:28px 30px}header{padding-bottom:18px}.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:750;color:#748779}h1{font:500 clamp(34px,5vw,54px)/1.1 Georgia,serif;margin:14px 0 8px}.intro{margin:0;color:#6a7c6c}.top{border-block:1px solid #c5cfbf;padding:15px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.top label{font-size:12px}.stats{display:flex;gap:20px;font-size:12px}.stats b{font:24px Georgia,serif;margin-right:4px}select,button{font:inherit;border:1px solid #bccbbd;background:#fffef6;border-radius:7px;color:#254e43;padding:9px 12px;cursor:pointer}select{font-size:13px;margin-left:6px}button:hover{background:#e1e9da}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a76739;outline-offset:3px}#message{font-size:14px;min-height:24px;margin:14px 0}#stage{background:#fffef8;border:1px solid #ced8c7;border-radius:16px;box-shadow:0 8px 25px #244c3a08;overflow:hidden}svg{display:block;width:100%;max-height:590px;touch-action:none;background-image:radial-gradient(#cfd9c9 1px,transparent 1px);background-size:22px 22px}.edge{stroke:#73a186;stroke-width:3;stroke-linecap:round}.edge.bad{stroke:#d5876c;stroke-width:3.5}.knot{cursor:grab;outline:none}.knot circle{fill:#2f6853;stroke:#fffef7;stroke-width:4}.knot text{fill:#fffef7;font:bold 14px system-ui;pointer-events:none;user-select:none}.knot:focus circle,.knot.active circle{stroke:#e4b164;stroke-width:5;fill:#174b36}.knot:active{cursor:grabbing}.ghost{fill:none;stroke:#b18538;stroke-width:3;stroke-dasharray:7 5;pointer-events:none}.toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}#new{margin-left:auto;background:#2f6853;color:#fff}details{border-top:1px solid #c5cfbf;margin-top:24px;padding-top:18px}summary{cursor:pointer;font-weight:650}details p{max-width:800px;color:#657767;font-size:13px}footer{font-size:11px;color:#71836e;margin:25px 0}a{color:inherit}dialog{border:1px solid #bccbbd;border-radius:14px;color:#254e43;background:#fffef7;max-width:430px;padding:26px}dialog::backdrop{background:#17372b88}@media(max-width:620px){main{padding:22px 14px}.top{align-items:start;flex-direction:column}.stats{gap:24px}select{max-width:220px}.toolbar{gap:7px}.toolbar button{font-size:11px;padding:9px}#new{margin-left:0}#message{font-size:12px;min-height:36px}svg{min-height:300px}.knot circle{r:21}.knot text{font-size:17px}}