: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}}}.preview{width:100%;height:330px;background:#f9f5e9;border-radius:4px}.chips{display:flex;flex-wrap:wrap;gap:4px}.chips button{width:auto;padding:.4rem}.card strong small{font-size:1rem}.card h2{white-space:pre-wrap;overflow-wrap:anywhere}.canvas{max-height:380px}.stage,.fields label{min-width:0}.fields input{width:100%}button{transition:background .15s,color .15s,transform .15s}button:hover:not(:disabled){transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){button{transition:none;transform:none!important}}.canvas{width:100%;max-width:380px;max-height:none;aspect-ratio:1;margin:16px auto}.workspace aside .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace label{display:block;font-size:11px;margin:10px 0}.creature{display:grid;place-items:center;align-content:center;min-height:250px;color:#183c3a;position:relative}.creature .body{width:190px;height:125px;border-radius:60% 70% 40% 45%;background:#9da97a;position:relative;box-shadow:inset -18px -12px #798b5d;animation:breathe 4s ease-in-out infinite}.body i{position:absolute;top:30px;left:50px;background:#183c3a;width:10px;height:18px;border-radius:50%}.body i+i{left:120px}.body b{position:absolute;top:70px;left:75px;width:40px;height:10px;border-bottom:3px solid #183c3a;border-radius:50%}.antenna{width:75px;height:40px;border-left:4px solid #798b5d;border-right:4px solid #798b5d;transform:rotate(8deg)}.legs{font-size:38px;letter-spacing:6px}.creature>span{font:10px monospace;letter-spacing:2px;max-width:260px;overflow-wrap:anywhere;white-space:pre-wrap}.quiet .body,.quiet .antenna,.quiet .legs{visibility:hidden}.behaviors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.behaviors button{text-transform:capitalize}.behaviors span{display:block;font-size:10px;opacity:.6}.wave{background:#183c3a;border-radius:12px;padding:15px;margin:20px 0;color:#d9f19f}.wave svg{width:100%;height:160px}.wave span{font:10px monospace;letter-spacing:1px}.primitive{padding:12px 0;border-bottom:1px solid #c7c7b4}.primitive strong{display:block}.scroll{max-height:250px;overflow:auto}table{width:100%;font-size:12px;border-collapse:collapse}td,th{text-align:left;padding:6px;border-bottom:1px solid #c7c7b4}.stage h2{overflow-wrap:anywhere;white-space:pre-wrap}.fields{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace>*{min-width:0}.primitive input{min-width:0;width:100%}@keyframes breathe{50%{transform:translateY(-5px) scale(1.02)}}@media(prefers-reduced-motion:reduce){.creature .body{animation:none}}@media(max-width:700px){.behaviors{grid-template-columns:repeat(2,1fr)}}.intro{display:block;position:relative}.join-illustration{display:flex;position:absolute;right:4%;top:30%;width:35%;height:90px;transform:rotate(-8deg);gap:8px}.join-illustration i{background:#85b9ac;flex:1;border-radius:4px}.join-illustration b{background:repeating-linear-gradient(0deg,#e5a55c 0 8px,transparent 8px 16px);width:35px}.stock,.joint{border-top:1px solid #52695b;padding:15px 0}.stock form{border-left:2px solid #a68a5d;padding-left:10px}.stock small{display:block;margin-top:8px}.stage h2{white-space:pre-wrap;overflow-wrap:anywhere}.intro h1{font-size:clamp(3rem,7vw,7rem)}@media(max-width:800px){.join-illustration{display:none}}.stock,.stock h3{min-width:0;max-width:100%}.stock h3{white-space:pre-wrap;overflow-wrap:anywhere}