@font-face{font-family:DM Sans;font-weight:100 1000;src:url(/fonts/dm-sans.woff2)}@font-face{font-family:Manrope;font-weight:200 800;src:url(/fonts/manrope.woff2)}:root{font-family:DM Sans,sans-serif;color:#383d2c;background:#f5f2e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #74844c;outline-offset:4px}.app{max-width:1600px;margin:auto;padding:0 42px}header{height:92px;display:flex;align-items:center;gap:28px}.brand{font:800 32px Manrope,sans-serif;letter-spacing:-1.5px}.brand span{color:#a77b49}.tagline{color:#969b87;font-size:12px}.help{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:#6d755e}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin:32px 0}.eyebrow{font-size:9px;letter-spacing:2px;color:#929681;font-weight:700}h1{font:500 clamp(26px,2.8vw,41px)/1.25 Manrope,sans-serif;letter-spacing:-1.4px;margin:16px 0 0}h1 em{font-style:normal;color:#8c9576}.intro p{font-size:12px;line-height:1.8;color:#8a8c78;margin-bottom:5px}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;border:1px solid #dedfce;border-radius:18px;overflow:hidden;background:#fbfaf5}.world{position:relative;background:#eee8d7;display:flex;align-items:center;min-height:560px}.world canvas{width:100%;display:block;touch-action:none;cursor:crosshair}.world-top{position:absolute;top:23px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;color:#8b866f;pointer-events:none}.world-top>span:first-child{letter-spacing:1.6px}.world-top i{display:inline-block;width:5px;height:5px;background:#839466;border-radius:50%;margin-right:6px}.world-bottom{position:absolute;bottom:20px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8c826c;font-size:10px}.playback{display:flex;align-items:center;padding:5px;border:1px solid #dcd3bd;border-radius:30px;background:#faf7efdd}.playback button{width:32px;height:30px;display:grid;place-items:center;font-size:11px}aside{border-left:1px solid #dedfce;padding:26px}h2{font:600 19px Manrope,sans-serif;letter-spacing:-.6px;margin:10px 0 28px}.label{display:block;font-size:10px;color:#888c77;margin:22px 0 10px}.scenes{display:flex;gap:4px}.scenes button{padding:9px 11px;font-size:10px;border-radius:6px;background:#efeee5}.scenes button[aria-pressed=true]{background:#65774d;color:#fff}.hint{font-size:11px;line-height:1.7;min-height:37px;color:#91947d}.tools{display:flex;gap:6px}.tools button{display:flex;flex:1;flex-direction:column;align-items:center;gap:7px;border:1px solid #e4e2d6;border-radius:8px;padding:12px 3px;font-size:9px}.tools button[aria-pressed=true]{background:#ecefdf;border-color:#a8b28e;color:#596b3d}.slider{margin-top:24px}.slider>div{display:flex;justify-content:space-between;font-size:12px}.slider span{font-size:11px;color:#93977f}input[type=range]{width:100%;accent-color:#78895c;margin:12px 0 0;height:5px;cursor:pointer}.toggle{display:flex;align-items:center;gap:8px;margin-top:23px;font-size:11px}.toggle input{accent-color:#75865a}.legend{display:flex;gap:14px;font-size:9px;color:#979781;margin:12px 0 23px}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.green{background:#628069}.copper{background:#a35d27}.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #e7e5db;padding-top:20px}.stats strong{font:500 25px Manrope,sans-serif;display:block}.stats span{font-size:9px;color:#92947f}.guide{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border-top:1px solid #e7e5db;margin-top:23px;padding:18px 0 0;font-size:11px;color:#78835f}footer{display:flex;justify-content:space-between;font-size:9px;color:#a1a28e;padding:20px 0 30px}.backdrop{position:fixed;inset:0;background:#29312166;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10}.dialog{position:relative;background:#fbfaf5;padding:36px;border-radius:18px;width:min(580px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 80px #1c231d33}.dialog h2{font-size:27px}.close{position:absolute;right:16px;top:16px}.dialog article{display:flex;gap:20px;margin:24px 0}.dialog article>span{font-size:12px;color:#9aab7c;padding-top:3px}.dialog h3{font-size:14px;margin:0 0 9px}.dialog p{font-size:12px;line-height:1.8;color:#858b76;margin:0}.dialog .note{font-size:10px;background:#eeeee3;padding:14px;border-radius:8px}.primary{background:#65774d;color:#fff;padding:12px 18px;border-radius:8px;margin-top:24px;font-size:12px}@media(max-width:850px){.app{padding:0 18px}.tagline{display:none}.intro{margin:20px 0 28px}.intro p{display:none}main{grid-template-columns:1fr 290px}aside{padding:22px}.world{min-height:550px}}@media(max-width:650px){header{height:72px}.brand{font-size:28px}.help{font-size:10px}h1{font-size:27px}.intro{margin-top:15px}main{display:flex;flex-direction:column}.world{min-height:380px;aspect-ratio:1.05}.world canvas{height:auto;object-fit:fill}.world-top{top:15px;left:15px;right:15px;font-size:8px}.world-top>span:last-child{display:none}.world-bottom{bottom:12px;left:15px;right:15px}.world-bottom>span{max-width:180px;font-size:9px}aside{border-left:0;border-top:1px solid #dedfce;padding:25px}aside h2{margin-bottom:16px}.scenes button{flex:1}.tools button{padding:14px}footer{justify-content:center}footer>span{display:none}.dialog{padding:30px 24px}.dialog h2{font-size:23px}}.scenes,.tools{flex-wrap:wrap}.tools button{min-width:55px}.tools button[aria-pressed=true]:nth-child(3){background:#f5e5dc;border-color:#b96d50;color:#a45237}.legend{flex-wrap:wrap}.tools button{min-width:65px}.tools button:nth-child(4)[aria-pressed=true]{background:#fae3e1;color:#ac3938;border-color:#d58b85}.clear-trails{border:1px solid #dedfce;border-radius:8px;padding:9px 12px;font-size:11px;color:#78835f}.world-top{gap:10px}