:root{font-family:Arial,Helvetica,sans-serif;color:#e6e7d9;background:#14231f;font-synthesis:none;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,summary,select{touch-action:manipulation}button{border:1px solid #697c69;background:transparent;color:inherit;padding:12px 16px;cursor:pointer;border-radius:3px}button:hover{background:#35493a}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d2f09c;outline-offset:4px}main{max-width:1800px;margin:auto;padding:0 5vw}header{height:88px;border-bottom:1px solid #526150;display:flex;align-items:center;gap:25px}.brand{font-size:14px;letter-spacing:.15em;font-weight:700;text-decoration:none;color:inherit}.brand span{color:#a9ce70}.edition{margin-left:auto;color:#9fae99;font-size:11px;letter-spacing:.16em}header button{font-size:12px}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 36px}.eyebrow{font-size:10px;letter-spacing:.19em;color:#b2c493;margin:0 0 18px}h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em;font-size:clamp(42px,5.4vw,86px);line-height:.98;margin:0}h1 em{color:#c3d6a1;font-weight:400}.introcopy{font-family:Georgia,serif;font-size:20px;line-height:1.5;max-width:300px}.introcopy span{font:12px Arial;color:#a6b19d;display:block;margin-top:14px}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);border:1px solid #5c6b56}.surface{position:relative;min-width:0;background:#d9dfc4;color:#294333;display:flex;flex-direction:column}.surfacehead,.surfacefooter{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px;font-size:10px;letter-spacing:.07em}.surfacehead{border-bottom:1px solid #b9c3a8}.surface svg{width:100%;flex:1;min-height:280px;max-height:480px;touch-action:none}.surface circle{fill:none;stroke:#afbd9c;stroke-width:1}.surface circle:nth-child(2){stroke-dasharray:2 7}.surface text{text-anchor:middle;fill:#354d36;font:26px Georgia}.surface text.subtext{font:15px Arial;fill:#6c7b60}.surface path{stroke:#4a6138;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.surfacefooter{border-top:1px solid #b9c3a8}.surface .accent{background:#263d2f;color:#e6edda;border:0;padding:15px 24px}aside{padding:32px;display:flex;flex-direction:column}h2{font:35px Georgia;margin:0 0 15px}.muted{color:#9eaf98;line-height:1.7;font-size:13px}.playrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.play{background:#c0d992;color:#183020;border-color:#c0d992;font-weight:700;padding:16px 28px}.play:hover{background:#d1e5af}.status{min-height:48px;font-size:12px;line-height:1.6;color:#c5d4b3}.study{margin:22px 0;border-top:1px solid #485a46;padding-top:20px}.study label{font-size:10px;letter-spacing:.12em}.study select{display:block;width:100%;background:#203329;color:#e0e9d5;border:1px solid #4e6448;padding:12px;margin-top:12px}.study p{font-size:12px;line-height:1.7;color:#a2b298}.exports{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.exports button{font-size:11px;padding:9px 12px}.lower{padding:38px 0;display:grid;grid-template-columns:1.7fr 1fr;gap:40px}.primitives{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.primitives article{border-top:1px solid #58684f;padding-top:10px}.num{font:10px monospace;color:#a0b18d}.primitives button{border:0;font:21px Georgia;padding:8px}.primitives p{font-size:11px;line-height:1.6;color:#a4b09c;min-height:36px}.primitives label{font-size:10px;color:#aab89e}input[type=range]{display:block;width:100%;accent-color:#c2d89a;margin:12px 0}.editors details{border-top:1px solid #57664e;padding:18px 0}summary{cursor:pointer;font-size:13px}.editors label{display:block;font-size:12px;margin-top:20px}.editors input:not([type=range]),textarea{display:block;background:#1d3025;border:1px solid #637958;color:inherit;padding:10px;width:100%;margin-top:7px}.editors p{font-size:12px;line-height:1.7;color:#abb89f}textarea{min-height:150px;font-family:monospace;margin-bottom:15px}.timing{max-height:340px;overflow:auto;padding:0;list-style:none;font-size:11px}.timing li{display:grid;grid-template-columns:120px 1fr;gap:6px;border-top:1px solid #41563c;padding:12px 0}.timing span{grid-column:1/-1;color:#a5b397}footer{border-top:1px solid #526150;padding:20px 0 35px;font-size:11px;line-height:1.7;color:#a9b69e;display:flex;justify-content:space-between;gap:30px}footer details{max-width:520px}footer button{font-size:11px;padding:8px;margin-right:7px}@media(max-width:800px){main{padding:0 20px}.edition{display:none}header{justify-content:space-between}.intro{padding:32px 0}.introcopy{display:none}.workspace,.lower{grid-template-columns:1fr}aside{padding:24px}.surface svg{min-height:260px}.surfacehead{font-size:9px;padding:15px}.surfacefooter{padding:15px}.lower{gap:24px}.primitives{gap:12px}footer{display:block}footer details{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}