:root{font-family:Arial,Helvetica,sans-serif;color:#153b40;background:#eeeae1;font-synthesis:none;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #b8bfb5;background:transparent;color:inherit;padding:11px 15px;border-radius:3px;transition:background .15s}button:hover{background:#dce2d5}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a34b25;outline-offset:3px}.app{max-width:1700px;margin:auto;padding:0 4vw}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b9bfb6;padding:25px 0}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:14px;font-size:10px;font-weight:700;letter-spacing:1.5px;line-height:1.6}.mark{font:italic 31px Georgia;background:#163c41;color:#e8edbb;width:66px;height:51px;display:grid;place-items:center}.edition{text-align:right;font:10px/1.8 monospace;letter-spacing:1px}.edition b{font-weight:400;color:#687970}.intro{display:flex;justify-content:space-between;align-items:center;padding:45px 0 36px}.eyebrow{font:10px monospace;letter-spacing:2px}.intro h1{font:clamp(48px,6.2vw,90px)/.96 Georgia,serif;letter-spacing:-3.8px;font-weight:400;margin:20px 0}.intro em{font-weight:400;color:#a34b25}.lede{font-size:14px;line-height:1.7;color:#4a625e}.stamp{border:1px solid #9aaca0;border-radius:50%;width:155px;height:155px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(8deg);margin-right:6vw}.stamp strong{font:64px Georgia}.stamp span{font:9px monospace;letter-spacing:1px}.toolbar{background:#153a40;color:#f3f0dc;padding:19px 23px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-radius:5px}.toolbar small{display:block;font:10px monospace;color:#c6d1bb;margin-top:7px}.live-dot{display:inline-block;width:7px;height:7px;background:#d5ed96;border-radius:50%;margin-right:8px}.buttons{display:flex;flex-wrap:wrap;gap:8px}.toolbar button{border-color:#71877c}.toolbar button:hover{background:#2d5352}.toolbar .primary{background:#e2edaa;color:#163b3d;border-color:#e2edaa}.workspace{display:grid;grid-template-columns:1fr 320px;gap:34px;margin-top:35px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.sectionhead h2{font:12px monospace;text-transform:uppercase;letter-spacing:1px;margin:0}.sectionhead>span{font:10px monospace;color:#697a6d}.causegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cause{padding:20px;background:#f8f6ee;border:1px solid #c9d0c3;border-radius:5px;position:relative;min-width:0}.cause.selected{box-shadow:inset 0 0 0 2px #486f66}.cardtop{display:flex;align-items:center;gap:10px;color:#6c8177;font:10px monospace}.cardtop b{margin-left:auto;font-size:9px}.number{padding:7px 9px;border-radius:50%;font:11px monospace}.cause h3{font:23px/1.15 Georgia;margin:18px 0 10px}.cause p{font-size:12px;color:#546c64;line-height:1.65;min-height:40px}.tags{display:flex;flex-wrap:wrap;gap:5px;min-height:45px}.tags span{background:#e6e9da;padding:5px 7px;font:9px monospace;align-self:start}.cause label{font:9px monospace;letter-spacing:1px;display:block;border-top:1px dashed #c1ccbf;padding-top:14px;margin-top:10px}select,input,textarea{width:100%;border:1px solid #b4c2b4;background:#f8f8f0;color:#163a3d;border-radius:3px;padding:9px;margin-top:6px;letter-spacing:0}select{cursor:pointer}.caption{font-size:11px;color:#5b7067;line-height:1.6;margin-top:-6px}.effects{display:grid;gap:7px}.effect{width:100%;text-align:left;display:grid;grid-template-columns:31px 1fr 12px;gap:10px;padding:13px 10px;background:#e4e8db;border-color:#c6cec0}.letter{font:13px monospace;width:26px;height:26px;border:1px solid #a4b3a1;display:grid;place-items:center;border-radius:50%}.effect strong{font-size:13px}.effect small{font:9px/1.7 monospace;color:#5b7063}.wave{display:flex;align-items:center;gap:3px;height:30px;margin:6px 0}.wave i{width:3px;background:#68866f;border-radius:2px}.cluebox{background:#dce4c6;margin-top:18px;padding:20px}.cluebox h3{font:25px/1.1 Georgia;margin:12px 0}.cluebox p:not(.eyebrow){font-size:12px;line-height:1.7}.cluebox button{font-size:12px}.status{display:flex;gap:16px;align-items:center;min-height:75px;margin:27px 0;background:#e2e5d8;padding:15px 20px;border-left:3px solid #7a9683}.status>span{font-size:26px}.status p{margin:0;font-size:13px;line-height:1.65}.status.success{background:#dcebb4}.cause.conflict{border-color:#ae5631}.cause.correct{border-color:#69955a}.errors{font-size:11px;line-height:1.7;color:#9a3d23;padding-left:18px}.workbench{border-top:1px solid #bdc7b8;padding:24px 0 30px}.workbench button{font-size:12px}.editor{background:#e1e5d8;padding:22px;margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor>p,.rulefields{grid-column:1/-1}.editor p{font-size:13px;line-height:1.6;margin-top:0}.editor label{font:11px monospace}.rulefields{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}textarea{min-height:75px;resize:vertical}footer{border-top:1px solid #bdc7b8;padding:25px 0 35px;display:flex;justify-content:space-between;gap:40px;font:10px/1.8 monospace}footer details{max-width:550px}summary{cursor:pointer}footer button{font-size:11px;margin:4px}footer p{font:12px/1.65 Arial}@media(min-width:1500px){.workspace{grid-template-columns:1fr 370px}.cause{padding:26px}}@media(max-width:1050px){.workspace{grid-template-columns:1fr 280px;gap:20px}.causegrid{grid-template-columns:1fr}.toolbar{align-items:start;flex-direction:column}.stamp{margin-right:0}}@media(max-width:700px){.app{padding:0 20px}.workspace,.causegrid{grid-template-columns:1fr}.stamp{display:none}.intro{padding:28px 0 22px}.intro h1{font-size:58px;letter-spacing:-3px}.lede br{display:none}.sectionhead>span{max-width:140px;text-align:right}.edition{font-size:8px}.effects,.editor{grid-template-columns:1fr}.rulefields{grid-template-columns:1fr 1fr}footer{flex-direction:column;gap:15px}.toolbar{padding:18px}.toolbar button{font-size:12px}.intro .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}