:root{font-family:Arial,sans-serif;color:#183f3c;background:#f3eee0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;padding:0 4vw}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #183f3c40;font-size:11px;letter-spacing:2px}header a{color:inherit;text-decoration:none;font-size:25px;font-weight:700}header small{font-size:9px;margin-left:24px}button,input,textarea,select{font:inherit}button{border:1px solid #183f3c40;background:transparent;color:inherit;padding:12px;cursor:pointer;text-align:left;border-radius:3px;transition:background .15s,transform .15s}button:hover{background:#e5dfcc}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d65f39;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}.intro{display:flex;justify-content:space-between;align-items:center;padding:54px 0 44px;gap:25px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700}h1{font-family:Georgia,serif;font-size:clamp(42px,5.4vw,86px);font-weight:400;line-height:1.02;letter-spacing:-3px;margin:20px 0}h1 em{color:#bd5c3a}.lede{font-size:15px;line-height:1.7}.card{background:#e9bd76;padding:28px;transform:rotate(3deg);width:260px;box-shadow:8px 9px #183f3c12}.card span{font-size:10px;letter-spacing:2px}.card strong{display:block;font-family:Georgia,serif;font-size:76px;font-weight:400}.card i{color:#bd5c3a}.card p{overflow-wrap:anywhere}.workspace{display:grid;grid-template-columns:210px minmax(300px,1fr) 210px;border-top:1px solid #183f3c40;gap:30px;padding:30px 0}aside h2{font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:25px 0 13px}aside h2:first-child{margin-top:0}aside>button{width:100%;margin-bottom:7px;font-size:12px}.symbols{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.symbols button{min-width:0;padding:8px}.symbols svg{width:100%;height:46px}.symbols span{display:block;font-size:10px;overflow-wrap:anywhere}.selected{background:#183f3c!important;color:#f3eee0}.hint{font-size:11px;line-height:1.65;color:#52645d}.row{display:flex;gap:8px;flex-wrap:wrap}.row button{font-size:11px;flex:1}.stage{background:#fffdf5;border:1px solid #183f3c30;padding:18px;min-width:0;align-self:start;box-shadow:0 8px 30px #183f3c08}.stage-heading,.stage-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;gap:8px}.stage-heading button{font-size:10px;padding:7px}.canvas{position:relative;aspect-ratio:1;margin:16px 0;background-image:linear-gradient(#183f3c08 1px,transparent 1px),linear-gradient(90deg,#183f3c08 1px,transparent 1px);background-size:9.09% 9.09%}.canvas svg{width:100%;height:100%;display:block}.nodes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(11,1fr)}.nodes button{border:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;transform:none}.nodes button:hover{background:#e9bd7640}.nodes span{width:3px;height:3px;border-radius:50%;background:#183f3c35;pointer-events:none}.stage-bottom{border-top:1px solid #183f3c20;padding-top:14px;letter-spacing:0}.stage p{font-size:12px;line-height:1.5}.metrics{border-top:1px solid #183f3c30;border-bottom:1px solid #183f3c30;padding:8px 0}.metrics p{font-size:11px}.metrics b{font-family:Georgia,serif;font-weight:400;font-size:30px;margin-right:7px}.missing{color:#b84f2b}.extra{color:#4168a4}.edition{border-top:1px solid #183f3c40;display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:40px 0}.edition h2{font-family:Georgia,serif;font-weight:400;font-size:36px;line-height:1.1}.edition p{font-size:13px;line-height:1.7}.edition label{display:block;font-size:11px;margin:10px 0}input,select,textarea{display:block;width:100%;color:inherit;background:#fffdf5;border:1px solid #183f3c50;padding:9px;margin-top:6px}textarea{height:240px;font:11px/1.6 monospace;resize:vertical}.fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fields label{min-width:0}.edition button{margin-top:8px}footer{border-top:1px solid #183f3c40;padding:30px 0 50px}footer p{max-width:900px;font-size:11px;line-height:1.7}footer .row{max-width:650px}[role=alert]{color:#a53528}a,button,p,h2,span{overflow-wrap:anywhere}@media(max-width:1050px){.workspace{grid-template-columns:170px minmax(280px,1fr);gap:20px}.workspace>aside:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.workspace>aside:last-child h2{grid-column:1/-1}.card{width:210px}.card strong{font-size:60px}}@media(max-width:650px){main{padding:0 20px}header small,header>span{display:none}.intro{padding-top:30px}.intro .card{display:none}.workspace,.edition{display:block}.workspace>aside:first-child{margin-bottom:25px}.symbols{grid-template-columns:repeat(4,1fr)}.stage{padding:12px}.workspace>aside:last-child{display:block;margin-top:30px}.edition>div{margin-bottom:30px}h1{letter-spacing:-2px}.fields{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.intro>div{min-width:0}.card{flex-shrink:1;max-width:100%}.card p,.symbols span{white-space:pre-wrap;overflow-wrap:anywhere}@media(prefers-reduced-motion:no-preference){.intro{animation:arrive .65s ease-out both}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
