:root{color:#242d23;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;background:#f5f2e9;font-family:Instrument Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:100rem;margin:auto;padding:clamp(1rem,3vw,3rem)}header{flex-wrap:wrap;align-items:baseline;gap:.8rem 2rem;margin-bottom:1.2rem;display:flex}h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.3rem,5vw,4.4rem)}h1 span{color:#785036}header p{margin:0}.workspace{grid-template-columns:minmax(0,1fr) 15.5rem;align-items:start;gap:1rem;display:grid}.map{background:#d9ddc6;border:1px solid #a1a78a;height:clamp(28rem,72vh,58rem);position:relative;overflow:hidden}canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}canvas:active{cursor:grabbing}.map-controls{pointer-events:none;flex-wrap:wrap;gap:.35rem;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem}button{font:inherit;color:#263326;cursor:pointer;pointer-events:auto;background:#fbf9ee;border:1px solid #71806a;padding:.45rem .65rem}button[aria-pressed=true]{color:#fff;background:#3b513b}button:disabled{opacity:.65;cursor:default}.zoom{gap:.25rem;display:grid;position:absolute;bottom:2rem;right:.75rem}.zoom button{width:2.6rem;font-size:1.2rem}.credit{background:#fbf9ee;padding:.12rem .35rem;font-size:.8rem;position:absolute;bottom:.45rem;right:.75rem}a{color:#274c30}aside{border-top:1px solid #71806a;padding:.6rem .2rem}h2{margin:.15rem 0 .7rem;font-size:1.1rem}label{cursor:pointer;align-items:center;gap:.5rem;padding:.35rem 0;display:flex}input{accent-color:#3b513b}.swatch{border:1px solid #514c3f;width:.8rem;height:.8rem}details,.detail{border-top:1px solid #b8b7a4;margin-top:1rem;padding-top:.7rem;font-size:.9rem}summary{cursor:pointer;font-weight:600}li{margin-bottom:.5rem}:focus-visible{outline-offset:3px;outline:2px solid #98452d}@media (width<=700px){.workspace{grid-template-columns:1fr}.map{height:max(26rem,62vh)}}