body{font-family:ui-monospace,"Cascadia Code","Liberation Mono",monospace}h1,h2,h3,.counter{font-family:Georgia,"Times New Roman",serif}.workbench{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(460px,1.3fr);gap:24px;background:#fffaf0;border:2px solid var(--line);padding:22px;box-shadow:var(--shadow);margin:28px 0}.eyebrow{text-transform:uppercase;font-size:.75rem;color:var(--muted);letter-spacing:.1em}.tree{position:relative;height:390px;min-width:0;background:linear-gradient(#2b67a00c,#2b67a00c),repeating-linear-gradient(90deg,transparent 0 49px,#27312c12 50px);border:2px dashed var(--line)}.node{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%;z-index:2;width:48px;height:48px;border:2px solid var(--ink);border-radius:50%;background:var(--cream);font-weight:800;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}.node:hover,.node:focus-visible{outline:4px solid var(--sun);outline-offset:2px}.node.selected{background:var(--sun)}.node.correct{background:#b9e4c8}.node.cut{background:#ffe1d3;text-decoration:line-through}.edge{position:absolute;height:2px;background:var(--ink);transform-origin:left center;z-index:1}.e1{left:25%;top:21%;width:25%;transform:rotate(-24deg)}.e2{left:50%;top:21%;width:25%;transform:rotate(24deg)}.e3{left:12.5%;top:48%;width:15%;transform:rotate(-30deg)}.e4{left:25%;top:48%;width:15%;transform:rotate(30deg)}.e5{left:62.5%;top:48%;width:15%;transform:rotate(-30deg)}.e6{left:75%;top:48%;width:15%;transform:rotate(30deg)}.e7{left:6%;top:76%;width:8%;transform:rotate(-40deg)}.e8{left:56%;top:76%;width:8%;transform:rotate(-40deg)}.path-readout{grid-column:1/-1;border-top:2px solid;padding-top:14px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.locked{opacity:.58}.locked>*:not(h2){pointer-events:none}.locked .action,.locked .choice,.locked input{cursor:not-allowed}.active{opacity:1}.code-fill{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#17231e;color:#edf5df;padding:16px}.code-fill input{width:3.5em;padding:7px;border:2px solid var(--sun);background:#fff;color:var(--ink)}.hidden{display:none}.solution:not(.locked){border-color:var(--green);box-shadow:7px 7px 0 var(--green)}.exam-box{margin-top:18px;background:#d8f0df;border:2px solid;padding:18px;line-height:1.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.state-btn[aria-pressed="true"]{outline:4px solid var(--blue);outline-offset:3px}@media(max-width:850px){.workbench{grid-template-columns:1fr}.tree{min-width:0}}@media(max-width:560px){.tree{height:330px}.node{width:42px;height:42px}.workbench{padding:14px}.actions .action{flex:1 1 135px}.nav-bottom{flex-wrap:wrap}}