:root{--bg:#0b1016;--panel:#131b24;--line:#233040;--text:#d6e2ee;--muted:#7f93a8;--accent:#5fd3a5;--herb:#5fd3a5;--pred:#ff6b6b;--nut:#e8d36a;--waste:#8a6a50;--plant:#2e9d5f}*{box-sizing:border-box}body{background:var(--bg);height:100vh;color:var(--text);margin:0;font:13px/1.4 system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}#stage{flex-direction:column;flex:1;min-width:0;display:flex}#worldWrap{flex:1;min-height:0;position:relative}#world{cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}#treePanel{border-top:1px solid var(--line);background:var(--panel);flex-direction:column;height:200px;display:flex}#treePanel header{align-items:center;gap:12px;padding:6px 10px;display:flex}#treePanel header h2{flex:1;margin:0}#treePanel header label{color:var(--muted);font-size:12px}#treePanel header button{flex:none;padding:2px 8px}#tree{cursor:pointer;flex:1;width:100%;min-height:0}#treePanel.collapsed{height:auto}#treePanel.collapsed #tree{display:none}#speciesList .sp{cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:2px 4px;display:flex}#speciesList .sp:hover,#speciesList .sp.active{background:#1f2d3a}#speciesList .sp i{border-radius:50%;flex:none;width:10px;height:10px}#speciesList .sp span{flex:1}#speciesList .sp em{color:var(--pred);font-size:11px;font-style:normal}#speciesInfo{margin-top:6px}#speciesInfo div{justify-content:space-between;display:flex}#panel{background:var(--panel);border-left:1px solid var(--line);width:310px;padding:14px;overflow-y:auto}h1{color:var(--accent);margin:0 0 10px;font-size:18px}h1 .home{color:inherit;text-decoration:none}h1 .home:hover{text-decoration:underline}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font-size:11px}section{border-bottom:1px solid var(--line);padding:10px 0}.row{gap:6px;display:flex}button{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#1c2733;border-radius:6px;flex:1;padding:6px 8px}button:hover{border-color:var(--accent)}.tools{grid-template-columns:1fr 1fr;gap:4px;display:grid}.tools label{cursor:pointer;border-radius:4px;padding:4px}.tools label:has(input:checked){background:#1f2d3a}.slider{margin-bottom:6px;display:block}.slider span{float:right;color:var(--muted)}.slider input,.slider select{width:100%}select{color:var(--text);border:1px solid var(--line);background:#1c2733;border-radius:6px;margin-top:2px;padding:4px}#stats,#inspector{font-variant-numeric:tabular-nums}#stats div,#inspector div{justify-content:space-between;display:flex}#chart{background:#0e151c;border-radius:4px;width:100%;margin-top:8px}.legend{flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:11px;display:flex}.legend span:before{content:"■ "}.l-herb:before{color:var(--herb)}.l-pred:before{color:var(--pred)}.l-nut:before{color:var(--nut)}.l-waste:before{color:var(--waste)}.l-plant:before{color:var(--plant)}.l-decomp:before{color:#d9c6a0}.muted{color:var(--muted)}.season{margin:6px 0;font-weight:600}.hint{color:var(--muted);margin:6px 0 0;font-size:11px}.c-safe{color:#34b25e}.c-toxic{color:#cb4dcb}.c-cold{color:#4775d1}.c-warm{color:#dd713c}.row select{flex:2;margin:0}#zoneReadout{color:var(--muted);pointer-events:none;text-shadow:0 0 3px #000;font-size:11px;position:absolute;bottom:6px;left:8px}@media (width<=700px){body{flex-direction:column;height:auto;overflow:auto}#stage{flex:none;height:80vh}#treePanel{height:160px}#panel{border-left:0;width:100%}}.license-notice{border:1px solid var(--line);max-width:80%;color:var(--text);text-align:center;background:#0b1016eb;border-radius:10px;padding:14px 20px;text-decoration:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.legal-links{color:var(--muted);border-bottom:0;padding:14px 0 4px;font-size:11px}.legal-links a{color:var(--muted)}