:root{color-scheme:light;--paper:#f4ecda;--ink:#493c32;--line:#d0bd96;--accent:#567467;font-family:Georgia,serif;color:var(--ink);background:#ded3b9}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:clamp(16px,4vw,42px)}nav,.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}nav{justify-content:space-between}a{color:#3d655d;text-underline-offset:4px}nav a{display:inline-flex;align-items:center;min-height:44px}header{padding:24px 0}h1{font-size:clamp(32px,7vw,56px);margin:0 0 14px;font-weight:normal}h2{font-size:clamp(23px,4vw,31px);font-weight:normal;margin-top:0}h3{font-size:22px;font-weight:normal;margin-bottom:8px}p{line-height:1.6;max-width:76ch}.eyebrow{font:12px/1.6 system-ui,sans-serif;letter-spacing:.18em}section{background:var(--paper);border:1px solid var(--line);border-radius:16px;margin-bottom:24px;padding:clamp(14px,3vw,26px);overflow:hidden}.controls{margin-bottom:18px}.controls label{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:15px system-ui,sans-serif;max-width:100%}button,select{min-height:44px;max-width:100%;font:16px system-ui,sans-serif;color:var(--ink);border:1px solid #a89470;border-radius:8px;background:#fff9e8;padding:10px 12px}button{cursor:pointer}button[aria-pressed=true]{background:var(--accent);color:white}:focus-visible{outline:3px solid #a25b36;outline-offset:3px}.paper{background:#ece3cc;border:1px solid var(--line);border-radius:8px;overflow:hidden}canvas{display:block;max-width:100%;height:auto;margin:auto;image-rendering:pixelated}canvas[hidden],img[hidden]{display:none}#scene{width:100%}#material{width:min(100%,640px)}img{display:block;max-width:100%;height:auto}.caption{font:14px/1.55 system-ui,sans-serif;color:#695d4c}.zones{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px}.zones label{display:grid;gap:6px;font:14px system-ui,sans-serif}.zones input{width:80px;max-width:100%;height:44px;padding:4px;background:#fff9e8;border:1px solid #a89470;border-radius:6px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards article{min-width:0}.cards a{display:block;background:#e9dfc7;border-radius:10px}.cards img{width:100%;height:220px;object-fit:contain}.cards p{font-size:16px;margin-top:0}.sheet{width:100%;border-radius:7px}.references{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.references img{border-radius:6px}footer{font:14px/1.6 system-ui,sans-serif;padding:8px 0 24px}@media(max-width:620px){.cards{grid-template-columns:1fr}.cards img{height:240px}.references{grid-template-columns:1fr}.controls{align-items:stretch}.controls label{width:100%}.controls select{flex:1;min-width:0}}