:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e8e4da;background:#111d2b;font-synthesis:none;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #d9b478;background:#d9b478;color:#18212b;padding:.8rem 1rem;border-radius:5px;font-size:.82rem;font-weight:700;transition:background .18s}button:hover:not(:disabled){background:#f2d5a5}button:disabled{opacity:.45;cursor:default}button.quiet{background:transparent;color:inherit;border-color:#69717a}button.quiet:hover:not(:disabled){background:#ffffff13}button.danger{background:transparent;color:#edb2a1;border-color:#986f67}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #93d8d3;outline-offset:4px}.app{min-height:100vh}header{min-height:110px;display:flex;align-items:center;justify-content:space-between;padding:2rem 4vw;gap:2rem;border-bottom:1px solid #ffffff1a}.brand{display:flex;align-items:center;gap:1rem;letter-spacing:.18em;font-size:.7rem;line-height:1.6}.brand strong{font-size:.9rem}.brand-mark{color:#d9b478;font:3.5rem Georgia}.edition{font:.68rem/1.8 ui-monospace,monospace;letter-spacing:.1em;color:#c3c8cd}.edition span{color:#8f9aa4;letter-spacing:0}.warning{background:#d9b478;color:#162435;padding:.65rem 4vw;font-size:.73rem;font-weight:800;letter-spacing:.08em}.warning span{margin-left:1.4rem;letter-spacing:0;font-weight:500}main{padding:0 4vw;max-width:1800px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:4.5rem 0 3rem}.eyebrow{color:#d9b478;font:.68rem/1.5 ui-monospace,monospace;letter-spacing:.18em;margin:0 0 1rem}h1{font:clamp(3rem,5vw,6rem)/1.04 Georgia,serif;letter-spacing:-.045em;margin:.5rem 0 1.5rem;white-space:pre-line}h2{font:clamp(1.65rem,2.2vw,2.4rem)/1.15 Georgia,serif;margin:.2rem 0 1rem;letter-spacing:-.02em}h3{font:1.5rem Georgia;margin:2rem 0 1rem}p{line-height:1.7}.lede{max-width:32rem;color:#aeb9c2;font-size:1rem}.diagram{width:310px;height:260px;position:relative;flex-shrink:0;margin-right:8vw}.ring{border:1px solid #c9b18499;width:150px;height:150px;border-radius:50%;position:absolute}.r1{left:25px;top:25px}.r2{left:135px;top:25px}.r3{left:80px;top:115px}.diagram b{position:absolute;left:129px;top:115px;font:1.4rem Georgia;color:#e4c28d}.diagram small{position:absolute;left:92px;bottom:-35px;font:.55rem ui-monospace,monospace;letter-spacing:.15em;color:#97a6b4}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.hint{font-size:.83rem;color:#aeb9c2;max-width:65rem;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin:1.7rem 0 3rem}.fragment{background:#eee9de;color:#25313a;border-radius:7px;padding:1.35rem;display:flex;flex-direction:column;min-width:0;border-top:4px solid #b9b1a2;box-shadow:0 10px 25px #0002}.fragment.joined{border-top-color:#78b1a5;background:#e6eee5}.card-top{display:flex;justify-content:space-between;align-items:center;font:.62rem ui-monospace,monospace;letter-spacing:.12em}.card-top b{font:1.4rem Georgia}.card-glyph{font:4rem Georgia;text-align:center;color:#8b6440;margin:.7rem 0}.fragment p{font:.92rem/1.7 Georgia;flex:1}.fragment details{margin:.5rem 0 1.2rem}.fragment summary{font-size:.75rem;cursor:pointer}.fragment code{font-size:.7rem;display:block;line-height:1.8;margin-top:.5rem;overflow-wrap:anywhere}.fragment small{display:block;overflow-wrap:anywhere;font-size:.6rem;margin:.4rem 0}.card-actions{display:flex;flex-direction:column;gap:.6rem}.card-actions button{font-size:.7rem}.panel{padding:2.5rem;background:#1a2a3b;border:1px solid #ffffff15;border-radius:8px;margin:2rem 0}.assembly{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.assembly p{color:#b4c0c9;max-width:30rem}.slots{display:flex;gap:.65rem;margin:2rem 0 1rem}.slots span{height:44px;width:44px;border:1px dashed #83919c;border-radius:50%;display:grid;place-items:center;color:#8d9ba8;font:1rem Georgia}.slots .filled{background:#d9b478;color:#142435;border:1px solid #d9b478}.assembly b{font:.75rem ui-monospace,monospace}.assembly .toolbar{margin-top:1.5rem}.finale{background:#122131;border:1px dashed #506170;border-radius:6px;padding:2.2rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.finale>span{font:.64rem ui-monospace,monospace;letter-spacing:.15em;color:#b9c4cd}.empty-circle{width:90px;height:90px;border:1px solid #798777;border-radius:50%;margin-top:1.5rem}.finale p{font:1.1rem/1.7 Georgia;margin-bottom:0}.finale.open{background:#d9b478;color:#142435;border:1px solid #d9b478}.finale.open p,.finale.open span{color:#142435}.finale small{margin-top:1rem}.manual{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.manual p{color:#aeb9c2;font-size:.9rem}.manual button{margin-top:1rem}label{display:flex;flex-direction:column;gap:.6rem;font-size:.8rem;font-weight:600}input,textarea{width:100%;background:#112030;border:1px solid #63717d;color:#ece9e2;padding:.8rem;border-radius:4px}textarea{resize:vertical;min-height:105px;line-height:1.5}.fragment textarea{background:#fff;color:#142435;font-size:.7rem;min-height:90px;margin-top:.7rem}.fields{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.fields small,h3 small{font:.7rem/1.6 ui-sans-serif,system-ui;color:#aeb9c2}.entry{display:grid;grid-template-columns:200px 1fr auto;gap:1rem;align-items:end;margin-bottom:1.4rem}.prompt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.prompt-grid textarea{min-height:140px}.pill{border:1px solid #596a79;border-radius:30px;padding:.6rem 1rem;font-size:.7rem}.author>p{font-size:.85rem;color:#b6c2ca}.status{border-left:3px solid #d9b478;background:#d9b4780c;padding:1.1rem 1.5rem;line-height:1.5;color:#ead1ac;min-height:3.5rem}.archive{padding:2rem 0;border-bottom:1px solid #ffffff26}.archive h3{margin:1rem 0}.archive p{color:#aeb9c2;font-size:.85rem}.privacy{margin:2rem 0;color:#aeb9c2;max-width:75rem;font-size:.8rem}.privacy summary{cursor:pointer;color:#e6e2d9;font-size:.85rem}footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem 4vw;border-top:1px solid #ffffff20;color:#8c9aa7;font:.6rem/1.6 ui-monospace,monospace;letter-spacing:.1em}.skip{position:absolute;top:-100px;color:#fff;background:#111d2b;padding:1rem}.skip:focus{top:0;z-index:2}@media(min-width:1700px){.fragment{padding:2rem}}@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}.diagram{margin-right:0}.assembly,.manual{gap:2rem}.entry{grid-template-columns:150px 1fr}.entry>button{grid-column:2}}@media(max-width:700px){header{padding:1.3rem 5vw;flex-wrap:wrap;gap:1rem}.edition{display:none}main{padding:0 5vw}.warning{line-height:1.6}.warning span{margin-left:.5rem}.intro{padding-top:2.5rem}.diagram{display:none}h1{font-size:3.6rem}.cards{grid-template-columns:1fr}.fragment{padding:1.5rem}.fragment p{font-size:1.1rem}.card-glyph{font-size:3rem}.assembly,.manual,.fields,.prompt-grid{grid-template-columns:1fr}.panel{padding:1.5rem}.section-heading{align-items:flex-start;flex-direction:column}.entry{grid-template-columns:1fr}.entry>button{grid-column:auto}.toolbar button{flex:1}footer{flex-direction:column}.privacy{line-height:1.7}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.fragment p,.finale p,.section-heading h2,.author input,.author textarea{white-space:pre-wrap;overflow-wrap:anywhere}
