:root{font-family:Arial,Helvetica,sans-serif;color:#1e353a;background:#f1f0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;background:transparent;border:1px solid #a9b5af;color:inherit;padding:.75rem .9rem;border-radius:3px;transition:background .16s}button:hover{background:#e1e6da}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c16e35;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b7c1b8;margin:0 3vw;padding:1.3rem 0}.wordmark{font:700 2rem Georgia;color:inherit;text-decoration:none}.wordmark span{font:10px Arial;letter-spacing:.16em;display:block;margin-top:6px}.edition{font-size:12px;line-height:1.6}.local{font:11px monospace;color:#516856}.intro{padding:2.8rem 4vw 2rem;display:grid;grid-template-columns:1fr 1.1fr;gap:1rem}.eyebrow{font:10px monospace;letter-spacing:.18em}.intro .eyebrow{grid-column:1/-1;margin:0}.intro h1{font:clamp(2.5rem,4.2vw,5.5rem)/1.04 Georgia,serif;letter-spacing:-.04em;margin:0}.intro em{font-weight:400;color:#697e6e}.intro>p:last-child{align-self:end;justify-self:end;font-size:14px;line-height:1.8}.studio{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(400px,2.2fr) minmax(230px,.9fr);margin:0 3vw;border:1px solid #b7c1b8;min-height:650px}.choices,.passport{padding:1.4rem;min-width:0}.choices{border-right:1px solid #b7c1b8}.passport{border-left:1px solid #b7c1b8}.sectionhead{display:flex;justify-content:space-between;gap:10px;font:9px monospace;letter-spacing:.06em}.sectionhead b{font-weight:400;color:#61766a}.choices h2{font:1.5rem/1.15 Georgia;overflow-wrap:anywhere}.sequence{display:grid;gap:5px;max-height:345px;overflow:auto}.op{width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:12px}.op>span{font:11px monospace;color:#6d7f73}.op strong{font-size:13px;flex:1}.op small{display:block;font:10px monospace;margin-top:5px;font-weight:400}.op i{font-style:normal}.op.active{background:#284446;color:#f5eee0;border-color:#284446}.op.active>span{color:#e2ac6d}.add{margin-top:20px}.add p{font:11px monospace}.add button{font-size:11px;padding:8px;margin:0 3px 5px 0}fieldset{border:0;border-top:1px solid #bbc4bb;padding:17px 0 0;margin-top:16px;min-width:0}legend{font:10px monospace;padding-top:10px}label{font-size:11px;display:block}select{width:100%;margin:6px 0;background:#f7f7ef;border:1px solid #a7b3ab;padding:8px}fieldset p{font-size:11px;line-height:1.5}.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.numbers input{width:100%;padding:7px 3px;background:#fbfbf2;border:1px solid #b4bfb5;margin-top:5px}.row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.row button{font-size:10px;padding:9px}.stage{position:relative;min-width:0;padding:1.4rem;background:radial-gradient(ellipse at 50% 45%,#dfe7df 0,#e8ece4 50%,#edf0e6 90%)}.viewport{height:470px;position:relative;overflow:hidden}.viewport canvas,.reference{width:100%;height:100%;display:block}.reference svg{width:100%;height:100%}.hidden{display:none!important}.stage-note{position:absolute;left:0;bottom:18px;font:9px/1.7 monospace;letter-spacing:.08em;max-width:70%;overflow-wrap:anywhere}.axis{position:absolute;right:10px;bottom:17px;font:12px monospace}.stage-controls{display:flex;gap:8px;align-items:center;border-top:1px solid #bac6bb;padding-top:15px}.stage-controls button{font-size:10px;white-space:nowrap}.stage-controls label{display:flex;flex:1;gap:8px;align-items:center}.stage-controls input{width:100%;min-width:30px;accent-color:#496257}.stage-controls b{font:10px monospace}.legend{display:flex;justify-content:space-between;gap:10px;font:10px monospace;margin-top:20px;color:#91652e}.pick{font:10px/1.5 monospace;color:#52695d}.passport h2{font:1.7rem/1.12 Georgia}.passport p{font-size:12px;line-height:1.6}.seal{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #8c9f8a;border-radius:50%;width:104px;height:104px;margin:30px auto;font:3rem Georgia;color:#6b816e;transform:rotate(-9deg)}.seal span{font:8px/1.5 monospace}.metric{border-top:1px solid #bbc5b9;padding:15px 0}.metric b{font:1.9rem Georgia;display:block}.metric span{font:10px/1.5 monospace;display:block}.fine,.passport .fine{font-size:10px;line-height:1.7;color:#627367}.passport button{width:100%;margin-top:7px;font-size:11px}.primary{background:#284446;color:#fff;border-color:#284446}.primary:hover{background:#456257}.notice{margin:0 3vw;background:#dbe3d6;padding:15px;font:11px/1.6 monospace;min-height:48px}.archive{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin:3rem 5vw}.archive h2{font:2rem Georgia}.studies{display:grid;gap:8px;margin:20px 0}.studies button{display:flex;align-items:center;gap:20px;text-align:left;padding:18px}.studies strong{flex:1;font:1.05rem Georgia}.studies span,.studies small{font:10px monospace}textarea{display:block;width:100%;height:230px;resize:vertical;background:#e9ede3;color:#274140;border:1px solid #a9b8a8;padding:15px;font:11px/1.55 monospace;margin-top:10px}footer{padding:2rem 5vw;border-top:1px solid #bac5b9;font:10px/1.7 monospace;color:#52695b}footer p{max-width:950px}footer button{font-size:10px;margin:0 8px 10px 0}footer span{font-size:10px}.warning{font:10px/1.5 monospace;color:#8f5338}.empty{font:13px/1.7 Georgia}.op.active{animation:mark .25s ease-out}@keyframes mark{0%{box-shadow:inset 4px 0 #dca65e}to{box-shadow:inset 0 0 #dca65e}}@media(min-width:1700px){.viewport{height:560px}.studio{min-height:740px}}@media(max-width:1100px){.studio{grid-template-columns:260px 1fr}.passport{grid-column:1/-1;border:0;border-top:1px solid #bac6bb;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.passport .seal{display:none}.passport .sectionhead{grid-column:1/-1}.viewport{height:440px}}@media(max-width:700px){.edition{display:none}.intro{grid-template-columns:1fr;padding:2rem 5vw}.intro>p:last-child{justify-self:start}.studio{display:flex;flex-direction:column}.stage{order:-1}.choices{border-right:0;border-top:1px solid #bcc6ba}.viewport{height:370px}.stage-controls{flex-wrap:wrap}.passport{display:block}.archive{grid-template-columns:1fr}.sequence{max-height:250px}.local{font-size:9px}.intro h1{font-size:3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.gpu-off{opacity:0;pointer-events:none}.reference{position:absolute;inset:0;pointer-events:none}.studio{position:relative}.expand{position:absolute;z-index:3;right:0;top:-29px;font:10px monospace;padding:7px;background:#f1f0e8}.expanded{position:fixed;inset:0;z-index:20;margin:0;overflow:auto;background:#f1f0e8;padding-top:30px;min-height:100vh}.expanded .expand{position:fixed;top:0;right:5px}.delta{height:150px}.delta svg{width:100%;height:100%}.choices h2,.stage-note{white-space:pre-wrap}.stage-controls{flex-wrap:wrap}
