:root{font-family:Arial,sans-serif;color:#e9ddd0;background:#211f1d;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #665449;border-radius:5px;color:#ebddce;background:#38312c;padding:.65rem .8rem}button:hover{background:#704833}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f1b580;outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #5f493e}small{font:10px monospace;letter-spacing:2px;color:#ba9e87}h1{font:26px Georgia,serif;margin:8px 0}h1 i{color:#e2a071}nav,.exports{display:flex;gap:7px;flex-wrap:wrap}main{display:grid;grid-template-columns:280px minmax(420px,1fr) 290px;min-height:calc(100vh - 140px)}aside{padding:25px 20px;border-right:1px solid #574336}.source{border-left:1px solid #574336;border-right:0}.stage{padding:36px;background:radial-gradient(ellipse at top,#49382b,#211f1d 65%)}h2{font:30px/1.05 Georgia,serif;margin:12px 0 25px}.stage h2{font-size:clamp(38px,4vw,68px)}h2 em{color:#d49369}label{display:block;font-size:12px;margin:13px 0;color:#cbb39e}input,select,textarea{display:block;width:100%;background:#25211e;color:#f1e1cf;border:1px solid #6b5140;border-radius:4px;padding:8px;margin-top:5px}input[type=range]{padding:0;accent-color:#db9664}textarea{height:300px;font:11px/1.5 monospace;resize:vertical}p{font-size:12px;line-height:1.6;color:#baaa9a}.stamp{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.stamp button{padding:0;aspect-ratio:1;color:#fff;font-size:12px}.events{display:grid;gap:6px;margin:15px 0}.events button{text-align:left;display:block}.events b{color:#d99b71}.events small{display:block;margin-top:5px}.events .active{border-color:#efba91;background:#604533}.point{display:flex;gap:5px}.point label,.point input{min-width:0}.art svg{display:block;width:100%;border:1px solid #6a4d37;border-radius:40% 40% 10px 10px;box-shadow:0 28px 60px #0005}.art polygon{transition:fill .25s ease}.caption{display:flex;justify-content:space-between;font:11px monospace;margin:20px 0;color:#bb9c80}.status{border-left:3px solid #ce8e60;padding:12px;background:#352b23}.notice{max-width:75ch}.warning{color:#ffc38c}.source button{margin:4px 0}canvas{width:min(100%,400px);image-rendering:pixelated}details{margin-top:20px}footer{padding:20px;font:10px monospace;letter-spacing:4px;text-align:center;border-top:1px solid #574336}.focus .controls,.focus .source{display:none}.focus main{grid-template-columns:1fr}.focus .stage{max-width:1200px;margin:auto;width:100%}@media(max-width:1100px){main{grid-template-columns:250px 1fr}.source{grid-column:1/-1}}@media(max-width:720px){header{display:block;padding:20px}nav{margin-top:12px}main{display:flex;flex-direction:column}.stage{order:-1;padding:20px}.controls,.source{border:0}.stamp{max-width:280px}.stage h2{font-size:38px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}