:root{font-family:Georgia,serif;color:#203e39;background:#f3f0df;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;padding:24px 4vw}header{display:flex;justify-content:space-between;font:11px monospace;letter-spacing:2px;border-bottom:1px solid #a8b5a0;padding-bottom:16px}.intro{display:flex;align-items:end;justify-content:space-between;padding:44px 0 32px}.eyebrow{font:11px monospace;letter-spacing:2px}h1{font-size:clamp(58px,8vw,116px);font-weight:400;line-height:.9;letter-spacing:-5px;margin:16px 0}h1 em{font-weight:400;color:#b65d40}.intro>p{font-size:19px;line-height:1.6}h2{font:12px monospace;text-transform:uppercase;letter-spacing:1.5px;margin:24px 0 18px}h3{font-weight:400;font-size:24px;margin:0 0 16px}h4{font:12px monospace;margin-bottom:8px}p{line-height:1.65;font-size:14px}button{font:12px monospace;color:inherit;background:transparent;border:1px solid #a6b19a;border-radius:5px;padding:11px 13px;cursor:pointer;transition:background .18s,transform .18s}button:hover:not(:disabled){background:#dce3c8;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b65d40;outline-offset:3px}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);border-top:1px solid #a8b5a0;border-bottom:1px solid #a8b5a0}.workspace aside{padding:0 24px 24px 0}.workspace aside button{display:block;width:100%;text-align:left;margin-bottom:8px}.stage{border-left:1px solid #a8b5a0;padding:0 0 22px 24px;min-width:0}.stage-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.stage-heading h2{overflow-wrap:anywhere}.stage-heading span{font:10px monospace;white-space:nowrap}.valid{color:#23554a}.warning,.copper{color:#b65d40}.gold{color:#8a733c}.canvas{width:100%;border:1px solid #c7ccb3;border-radius:45% 45% 4px 4px;overflow:hidden}.canvas svg{display:block;width:100%;height:auto}.row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.editors{display:grid;grid-template-columns:1fr 1fr;gap:48px}.editors>div{min-width:0}article{border-top:1px solid #b8bfa7;padding:24px 0}label{display:flex;flex-direction:column;font:11px monospace;gap:7px;margin:10px 0;overflow-wrap:anywhere}input,select,textarea{font:13px monospace;background:#faf7e9;color:#203e39;border:1px solid #b8bfa7;border-radius:4px;padding:10px;width:100%;min-width:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.join{padding:10px;background:#e9e8d6;margin:10px 0}.join .grid{grid-template-columns:repeat(3,minmax(0,1fr))}small{font-size:11px;line-height:1.5}.route{list-style:none;padding:0}.route li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #b8bfa7;font:13px monospace;overflow-wrap:anywhere}.route b{display:inline-block;border:1px solid #b65d40;color:#b65d40;border-radius:100%;padding:6px 9px;margin-right:10px}.route button{padding:6px 12px;margin-left:5px}.warnings{background:#ecd9c6;padding:22px 32px;font:12px/1.8 monospace;overflow-wrap:anywhere}.success{padding:20px;background:#dde7c8}.proof{font:12px/1.8 monospace;overflow-wrap:anywhere}.proof li{margin:12px 0}.limit{border-left:3px solid #b65d40;padding-left:20px;margin-top:30px}.edition{border-top:1px solid #a8b5a0;padding:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:48px}.edition button{margin:4px}.edition textarea{min-height:280px;resize:vertical}footer{border-top:1px solid #a8b5a0;padding:25px 0;max-width:1000px}footer button{margin-right:8px}.focused .intro,.focused .workspace aside{display:none}.focused .workspace{display:block}.focused .stage{border-left:0;padding-left:0}.focused .canvas{max-height:85vh;border-radius:4px}.focused .canvas svg{height:80vh}#root{min-height:100vh}@media(max-width:760px){main{padding:18px}.intro{display:block}.intro>p{font-size:16px}h1{letter-spacing:-3px}.workspace{display:block}.workspace aside{padding:0 0 20px}.stage{padding-left:0;border:0}.editors,.edition{grid-template-columns:1fr;gap:12px}.stage-heading{align-items:start}header{font-size:9px;letter-spacing:1px}.route li{font-size:11px}.grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media print{header,.intro,aside,.editors,.edition,footer,button,.stage>p{display:none!important}.workspace{display:block;border:0}.stage{border:0;padding:0}.canvas{border:0;border-radius:0}main{padding:0}}