:root{font-family:Arial,Helvetica,sans-serif;color:#293d36;background:#eae7dc;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #b9c0af;background:transparent;color:inherit;padding:10px 12px;transition:background .15s}button:hover{background:#d5ddca}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,svg:focus-visible{outline:3px solid #c87338;outline-offset:3px}input,textarea{border:1px solid #c3c6b8;background:#f4f2e9;color:inherit;padding:8px;min-width:0}textarea{resize:vertical}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b5bdac;padding:18px 32px;background:#263c36;color:#f4eed9}.brand{font:italic 36px Georgia;color:inherit;text-decoration:none;display:flex;align-items:center;gap:18px}.brand span{font:10px Arial;letter-spacing:2px;border-left:1px solid #799083;padding:8px 18px}.edition{font-size:12px;letter-spacing:3px}.edition i{display:block;font:italic 13px Georgia;letter-spacing:.4px;margin-top:5px;color:#bdcbbb}header button{color:#f4eed9;border-color:#6f8575}header button:hover{background:#40584d}.workspace{display:grid;grid-template-columns:240px minmax(420px,1fr) 292px;max-width:1680px;margin:auto;min-height:calc(100vh - 152px)}.left{padding:32px 24px;border-right:1px solid #c2c6b7}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700}.left h1{font:54px/.98 Georgia;margin:30px 0 24px;letter-spacing:-2px}.left h1 em{font-weight:400;color:#9b5e31}.intro{font:16px/1.6 Georgia;color:#566155}.rule{height:1px;background:#bdc5b1;margin:28px 0}.studies{margin:15px 0 28px}.studies button{display:flex;width:100%;border-width:0 0 1px;text-align:left;gap:10px;font:14px Georgia;line-height:1.4;padding:14px 0}.studies span{font:10px Arial;padding-top:3px;color:#74816f}.studies b{margin-left:auto}.studies .active{color:#8d542c}details{font-size:12px;line-height:1.6}summary{cursor:pointer;font-weight:700}ol{padding-left:17px}.local{font-size:10px;letter-spacing:1.2px;margin-top:35px;color:#4d6955}.local span{display:block;letter-spacing:0;font-size:11px;line-height:1.6;margin-top:8px}.stage{padding:26px 30px}.plate-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.plate-heading label{display:flex;flex-direction:column;gap:8px;flex:1}.plate-heading label span{font-size:9px;letter-spacing:2px}.plate-heading input{font:28px Georgia;background:transparent;border:0;padding:0;width:100%}.badge{font:9px/1.6 monospace;text-align:right;letter-spacing:.6px;color:#657460}.viewbar{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px;font-size:11px}.viewbar button{padding:8px 10px;border:0}.viewbar .on{background:#d1d9c5;border-radius:3px}.viewbar label{display:flex;gap:5px;align-items:center}.mat{background:#ced4c3;padding:30px 30px 14px;border:1px solid #bdc7b0;box-shadow:inset 0 0 40px #a8b59933}.plate{position:relative;max-width:660px;margin:auto;aspect-ratio:1;box-shadow:0 8px 16px #3b4c3820;background:#f6f0dc}.plate canvas,.plate svg{position:absolute;inset:0;width:100%;height:100%}.plate canvas{image-rendering:pixelated}.plate svg{touch-action:none;cursor:crosshair}.route{stroke:#2d463f;stroke-width:.3;stroke-dasharray:1 1;fill:none;opacity:.6;pointer-events:none}.draft{stroke:#fff;stroke-width:.7;fill:none;filter:drop-shadow(0 0 1px #000);pointer-events:none}.plate-label{display:flex;justify-content:space-between;font:8px monospace;color:#68745e;letter-spacing:.5px;margin-top:18px;gap:10px}.replay{display:flex;align-items:center;gap:12px;margin-top:14px;font:10px monospace}.replay input{flex:1;accent-color:#667957;padding:0}.replay button{padding:5px 8px}.status{font-size:12px;line-height:1.5;min-height:36px;color:#616d59}.exportbar{display:flex;flex-wrap:wrap;gap:7px}.exportbar button{font-size:11px}.primary{background:#354f40;color:#fff;border-color:#354f40}.primary:hover{background:#4a6853}.notes{font-size:9px;letter-spacing:1.5px;display:block;margin-top:22px}.notes textarea{display:block;width:100%;margin-top:8px;min-height:70px;font:13px/1.5 Georgia;letter-spacing:0;background:#eeeee2}.right{border-left:1px solid #c2c6b7;background:#e3e6d9;padding:30px 22px}.tooltabs{display:flex;margin:18px 0}.tooltabs button{flex:1;padding:12px}.tooltabs .active{background:#354f40;color:#f8f0db}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.number{font-size:11px;display:flex;flex-direction:column;gap:6px}.number input{width:100%;font-family:monospace}.field{display:block;margin-top:18px;font-size:9px;letter-spacing:1px}.field textarea,.field input{display:block;width:100%;margin-top:7px;font:12px/1.4 monospace}.hint{font-size:10px;line-height:1.5;color:#66725d}.wide{width:100%;font-size:11px;margin-top:12px;background:#d0d9c3}.section{margin:28px 0 16px}.reservoirs{display:flex;gap:3px}.reservoirs>div{flex:1;min-width:0}.reservoirs span{font:8px monospace;display:block;text-align:center;margin-bottom:5px}.reservoirs>div>div{height:65px;background:#cbd1c0;display:flex;align-items:flex-end;gap:1px;border-radius:2px;overflow:hidden}.reservoirs i{width:33.33%;min-height:0}.quiet{border:0;font-size:10px;text-decoration:underline;width:100%;padding:12px 0}.mass{font:10px/2 monospace;margin:10px 0;background:#d9dfcf;padding:10px}.mass>div{display:flex;justify-content:space-between;gap:5px}.mass b{font-weight:400;text-align:right}.mass>div:first-child{font-size:8px;border-bottom:1px solid #b9c5ad;margin-bottom:7px}.history{max-height:180px;overflow:auto}.history button{display:flex;gap:8px;width:100%;text-align:left;border-width:0 0 1px;padding:9px 2px;font-size:10px}.history span{font-family:monospace;color:#718165}.history b{margin-left:auto}.history .active{background:#cbd7bd}.actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.actions button{font-size:10px;padding:7px}.swatches{display:flex;gap:8px;margin:18px 0}.swatches button{width:44px;height:38px;color:#fff;border:2px solid transparent}.swatches button[aria-pressed=true]{border-color:#263c36}footer{border-top:1px solid #bec6b3;padding:16px 32px;display:flex;justify-content:space-between;gap:24px}footer details{max-width:700px;font-size:10px}footer>span{font:9px monospace;letter-spacing:1px}footer button{padding:7px;font-size:11px;margin-right:7px}@media(min-width:1600px){.left{padding-top:45px}.stage{padding:30px 50px}.left h1{font-size:62px}}@media(max-width:1100px){.workspace{grid-template-columns:1fr 270px}.left{grid-column:1/-1;border:0;border-bottom:1px solid #bdc5b1;display:flex;gap:25px;align-items:center;padding:22px}.left h1{font-size:32px;min-width:180px;margin:0}.left .eyebrow,.left .rule,.left details,.local{display:none}.left h1 br{display:none}.intro{max-width:260px;font-size:13px}.studies{margin:0;flex:1}.studies button{padding:7px 0}.edition{display:none}}@media(max-width:700px){header{padding:14px 18px}.brand span{font-size:8px;padding-left:12px}.workspace{display:flex;flex-direction:column}.left{flex-wrap:wrap;gap:12px}.left h1{font-size:34px;width:100%}.intro{max-width:none;margin:0}.studies{min-width:100%}.studies button{display:inline-flex;width:auto;margin-right:15px}.stage{padding:22px 16px}.mat{padding:16px 16px 12px}.right{border-left:0;border-top:1px solid #bac7ad}.plate-heading input{font-size:24px}.plate-label span{display:none}.reservoirs>div>div{height:80px}.history{max-height:230px}footer{padding:18px;display:block}footer>span{display:block;margin-top:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:700px){header{flex-wrap:wrap;gap:12px}header .brand{flex:1;min-width:180px}header button{font-size:11px;padding:8px}}