*{box-sizing:border-box}body{margin:0;background:#edf0ec;color:#26372f;font:14px/1.5 system-ui,sans-serif;display:flex;height:100dvh}aside{width:280px;flex-shrink:0;padding:22px;overflow:auto;background:#fafbf8;border-right:1px solid #d9dfd8}.eyebrow{font-size:10px;letter-spacing:2px;color:#7c8a7e}h1{font-size:29px;line-height:1.2;margin:18px 0}h1 span{display:block;color:#7b8b7b;font-weight:400}p{color:#748076;font-size:13px}h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-top:24px}.stats{display:flex;gap:20px;border-block:1px solid #dde3da;padding:17px 0;font-size:11px;color:#748076}.stats b{display:block;color:#334e3d;font-size:20px}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}button{cursor:pointer;padding:9px;border:1px solid #d4ddd2;border-radius:6px;background:white;color:#364d3c;font:inherit}button:hover,button.active{background:#345441;color:white}label{display:block;margin:10px 0;font-size:12px}label.check{display:flex;gap:9px;align-items:center;font-size:14px}input{accent-color:#345441}input[type=range]{display:block;width:100%}output{float:right;font-weight:bold}.small{font-size:11px}.wide{width:100%;margin:15px 0}details{font-size:12px}details a{display:block;color:#45694c;margin:9px 0}main{position:relative;flex:1;min-width:0;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.topbar{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none;font-size:12px;color:#627466}.badge{background:#fafbf8d9;padding:7px 13px;border-radius:20px}.legend{position:absolute;bottom:60px;left:25px;display:flex;gap:18px;font-size:12px;color:#667b75;pointer-events:none}.legend span:nth-child(2){color:#a58a58}.legend span:nth-child(3){color:#648971}.hint{position:absolute;bottom:24px;left:25px;font-size:11px;color:#7a887b;pointer-events:none}#error{position:absolute;inset:100px 30px;background:white;padding:30px;z-index:3}@media(max-width:600px){body{flex-direction:column;height:auto}aside{width:100%;order:2;overflow:visible}main{height:65dvh;flex:none;order:1}.topbar{left:14px;right:14px}.legend{gap:10px;left:12px;font-size:10px}.hint{font-size:9px;left:12px}}