*{box-sizing:border-box}body{margin:0;background:#091c18;color:#f2dfb9;font:14px system-ui,sans-serif;overflow:hidden}#garden{position:absolute;inset:0}canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;width:100%;height:100%}header{position:absolute;left:42px;top:30px;pointer-events:none}h1{font:38px Georgia,serif;margin:9px 0}h1 span{color:#d4ad65;font-size:25px}header p{color:#b7c6af;margin:0;font:16px Georgia,serif}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#c5a975}aside{position:absolute;right:28px;top:30px;width:230px;background:#102b23e8;border:1px solid #ad905c55;border-radius:18px;padding:23px;backdrop-filter:blur(12px)}h2{font:24px Georgia,serif;margin:10px 0}aside p{color:#b7c6af;font-size:12px;line-height:1.6;min-height:38px}#load{font-size:10px;color:#adbeaa;margin:14px 0}#props{display:grid;grid-template-columns:1fr 1fr;gap:6px}button{cursor:pointer;color:#e4d3af;border:1px solid #8a845047;background:#203d30;border-radius:9px;padding:11px 14px;font:12px system-ui;transition:.2s}button:hover{background:#38563b;border-color:#d2b372}#props button{font-size:10px;text-align:left;padding:8px}#props button.active{color:#fff1ce;background:#56633b;border-color:#ddbe78}#props button:disabled{opacity:.35;cursor:wait}footer{position:absolute;bottom:22px;left:30px;right:30px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#10271fe8;border:1px solid #ad905c33;padding:12px;border-radius:13px}footer span{font-size:10px;color:#9bb29b;margin-left:auto}label{font-size:11px;color:#bec9ad;display:flex;align-items:center;gap:6px;padding:0 7px}input{width:64px;accent-color:#c8aa70}#error{position:absolute;left:40px;bottom:110px;color:#ffbd9c;max-width:500px}@media(max-width:800px){header{left:20px;top:18px}h1{font-size:26px}header p{font-size:12px}aside{top:105px;right:12px;width:170px;padding:14px}aside h2{font-size:20px}footer{left:12px;right:12px;bottom:12px}footer span{display:none}}

#pond.active{border-color:#ddbe78;background:#485c37;color:#fff1ce}