:root{font-family:Arial,Helvetica,sans-serif;color:#263c39;background:#e9e6dd;font-synthesis:none;font-weight:400;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,select,input{min-height:40px}button{border:1px solid #bec5b9;background:transparent;padding:10px 13px;border-radius:6px;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#dddace}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.art:focus-visible{outline:3px solid #c35b37;outline-offset:3px}button[aria-pressed=true]{background:#263c39;border-color:#263c39;color:#f8f1de}.workspace{max-width:1600px;margin:auto;padding:0 3.3vw 20px}.masthead{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c7c9bd}.wordmark{font-weight:800;font-size:25px;letter-spacing:-1.1px;display:flex;gap:12px;align-items:center}.wordmark span{display:inline-grid;place-items:center;background:#ef774d;border-radius:50%;width:32px;height:32px;font-weight:400;color:#263c39}.mastnote,.eyebrow,.live-dot,.canvas-note,.edition small{font-size:10px;letter-spacing:1.7px;font-weight:700}.masthead button{background:#f5f1e7}.intro{display:flex;align-items:center;gap:7vw;padding:33px 0 28px}.eyebrow{margin:0 0 15px}.intro h1{font-family:Georgia,serif;font-size:clamp(44px,4.7vw,76px);line-height:.98;letter-spacing:-3px;margin:0;font-weight:400}.intro em{font-weight:400;color:#b45839}.intro>p{line-height:1.8;font-size:15px;margin:32px 0 0}.intro>p span{opacity:.55}.edition{margin-left:auto;display:flex;align-items:center;gap:18px;transform:rotate(9deg);border:1px solid #abb4a6;padding:16px 22px;border-radius:50%;min-height:90px}.edition>span{font-size:46px}.edition small{line-height:1.5;letter-spacing:1px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.stage-panel{background:#f6efdd;border:1px solid #c9c8b6;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #3e443408}.stage-heading{padding:14px 18px;border-bottom:1px solid #d7d4c3;display:flex;justify-content:space-between;align-items:center;background:#f1edde}.tabs{display:flex;gap:6px}.tabs button{border:0;padding:8px 15px}.live-dot{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.live-dot:before{content:"";width:6px;height:6px;background:#6a8c6c;border-radius:50%;box-shadow:0 0 0 4px #6a8c6c15}.toy-controls{padding:13px 18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #d7d4c3}.toy-controls label{display:flex;align-items:center;gap:7px;font-size:11px}.toy-controls select{max-width:180px;background:transparent;border:0;font-weight:700;font-size:12px;padding:0}.toy-controls button{font-size:11px;padding:7px 10px;min-height:34px}.tools{display:flex;gap:4px}.canvas-wrap{position:relative;overflow:hidden}.art{display:block;width:100%;height:auto;aspect-ratio:3/2;touch-action:none;cursor:grab}.art:active{cursor:grabbing}.handle{cursor:grab}.handle circle{fill:#faf6e7dd;stroke:#263c39;stroke-width:1.5;stroke-dasharray:3 2}.handle text{fill:#263c39;font-size:11px;font-weight:700;text-anchor:middle;pointer-events:none}.handle.selected circle{fill:#263c39;stroke:#f6efdd;stroke-width:2;stroke-dasharray:none;filter:drop-shadow(0 2px 3px #263c3933)}.handle.selected text{fill:#f6efdd}.canvas-note{position:absolute;bottom:14px;left:0;right:0;text-align:center;pointer-events:none;color:#263c3980;font-size:9px;letter-spacing:1.1px}.toy-status{margin:0;padding:14px 18px;color:#52615b;background:#f0eada;font-size:11px;line-height:1.6;min-height:46px}.caption{display:flex;justify-content:space-between;padding:18px;font-size:12px;border-top:1px solid #d4d0bd}.caption span:first-child{font-family:Georgia,serif;font-style:italic;font-size:17px}.caption span:last-child{font-size:10px;opacity:.6;margin:auto 0}.specimen{padding:22px;border:1px solid #bec5b9;border-radius:10px;background:#f0eee5}.specimen label{display:block;font-family:Georgia,serif;font-size:24px;margin:6px 0 14px;letter-spacing:-.6px}.specimen select{width:100%;padding:8px;border:1px solid #bec5b9;border-radius:4px;background:#f8f4e9;font-size:11px}.specimen p:last-child{font-size:12px;line-height:1.6;color:#647169;margin-bottom:0}.rules{padding:26px 7px 8px}.rules .eyebrow{font-size:9px;margin-bottom:20px}.rules>div{display:flex;gap:16px;margin-bottom:18px}.rules b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#d4dccd;font-size:26px;flex-shrink:0;font-weight:400}.rules>div:nth-of-type(2) b{background:#e7cfa0}.rules>div:nth-of-type(3) b{background:#e5bca6}.rules p{margin:0;font-size:12px;line-height:1.5;color:#5c6b63}.rules strong{display:block;color:#263c39;font-size:13px;margin-bottom:2px}.rules .tip{border-top:1px solid #c8cdc0;padding-top:17px;font-size:11px}.export-panel{margin-top:22px;padding:20px 0;border-top:1px solid #c0c6b8}.export-panel .eyebrow{font-size:9px}.primary{background:#b85436;color:#fff6e4;border-color:#b85436;width:100%;display:flex;justify-content:space-between;padding:15px;font-weight:700}.primary:hover{background:#9e472d}.button-pair{display:flex;gap:7px;margin:8px 0}.button-pair>*{flex:1;font-size:11px;padding:8px}.export-panel small{font-size:10px;line-height:1.6;color:#68746a;display:block;margin-top:12px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;padding:15px 0;border-bottom:1px solid #c7c9bd;min-height:58px}footer p{margin:0}footer>span{white-space:nowrap;opacity:.6}.privacy{font-size:10px;line-height:1.6;padding:14px 0;max-width:1000px;color:#627064}.privacy p{max-width:750px}.privacy button{font-size:11px}.author{padding:24px 0 0}.author label{display:block;font-size:11px;font-weight:700;margin:13px 0}.author select,.author input{display:block;width:100%;border:1px solid #b7c0b0;background:#f6f2e8;border-radius:4px;margin-top:6px;padding:8px}.author input[type=color]{height:40px;padding:3px}.author details{border:1px solid #b7c0b0;padding:12px;border-radius:6px;margin:12px 0;font-size:11px;line-height:1.6}.author textarea{width:100%;height:280px;font-family:monospace;font-size:11px;padding:8px;resize:vertical;border:1px solid #b7c0b0;background:#faf7ef;tab-size:2}.author>button{font-size:11px;width:100%}summary{cursor:pointer}.offline{max-width:1100px;margin:auto;padding:20px}.offline header{display:flex;align-items:center;justify-content:space-between}.offline h1{font-family:Georgia,serif;font-weight:400}.offline .canvas-wrap{border:1px solid #c4c8b8;border-radius:12px}.offline-help{font-size:13px;line-height:1.7;max-width:750px}.offline header p{font-size:12px}.offline .toy-controls{padding-left:0}.offline .toy-status{background:#dce1d3}@media(min-width:1700px){.workspace{padding:0 45px 20px}}@media(max-width:1050px){.workspace-grid{grid-template-columns:minmax(0,1fr) 265px;gap:15px}.workspace{padding:0 20px}.intro{gap:35px}.edition{display:none}.toy-controls{padding:10px}.stage-heading{padding:12px}.live-dot{display:none}.intro h1{font-size:58px}}@media(max-width:760px){.workspace-grid{grid-template-columns:1fr}.masthead{height:70px}.mastnote{display:none}.intro{padding:28px 0;gap:20px}.intro h1{font-size:48px}.intro>p{font-size:11px;line-height:1.7}.intro .eyebrow{font-size:8px;letter-spacing:1px}.workspace{padding:0 12px}.wordmark{font-size:22px}.masthead button{font-size:11px}.workspace-grid aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.specimen{padding:15px}.rules{padding:8px}.export-panel{grid-column:1/-1;margin:0}.author{grid-column:1/-1}.canvas-note{font-size:7px}.caption{padding:13px}.caption span:first-child{font-size:14px}.caption span:last-child{font-size:9px}.toy-status{padding:10px;font-size:10px}.toy-controls{gap:6px}.toy-controls label{width:100%}.toy-controls select{max-width:none;flex:1}footer{line-height:1.5}footer span{display:none}.offline header{display:block}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.stage-panel:fullscreen{background:#f6efdd;overflow:auto;padding:15px}.stage-panel:fullscreen .toy-host{max-width:1200px;margin:auto}.stage-panel:fullscreen .art{max-height:75vh}
