.rain-forest{position:fixed;inset:0;overflow:hidden;background:#172019;touch-action:none}.rain-forest canvas{display:block;width:100%;height:100%;cursor:grab}.rain-forest canvas:active{cursor:grabbing}.forest-controls{position:fixed;top:18px;left:18px;z-index:3;display:grid;gap:8px;width:min(228px,calc(100vw - 36px));padding:12px;color:#e6f0df;background:rgba(17,31,22,.65);border:1px solid rgba(222,240,214,.22);border-radius:12px;backdrop-filter:blur(12px);font:12px/1.3 ui-sans-serif,system-ui,sans-serif}.forest-control-title{font-size:11px;letter-spacing:.16em;color:#b9d5af}.forest-controls label{display:grid;gap:5px;color:#c8d8c4}.forest-controls button,.forest-controls select{min-height:32px;padding:0 9px;color:inherit;background:rgba(240,248,231,.1);border:1px solid rgba(222,240,214,.25);border-radius:7px;font:inherit}.forest-controls button{cursor:pointer;text-align:left}.forest-controls button:focus-visible,.forest-controls button:hover{background:rgba(218,240,201,.2);outline:none}.forest-view-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.forest-view-row button{padding:0;text-align:center}.forest-help{display:flex;flex-wrap:wrap;gap:5px 8px;padding-top:2px;color:#b7cdb8;font-size:10px}.forest-help span{white-space:nowrap}.forest-help kbd{display:inline-block;padding:1px 4px;color:#ebf3e3;background:rgba(236,249,226,.13);border:1px solid rgba(222,240,214,.22);border-radius:3px;font:inherit}.forest-help small{width:100%;color:#93ae97;font-size:10px}@media (max-width:560px){.forest-controls{top:10px;left:10px;padding:10px}}