.tree-panel .panel-title{flex-wrap:wrap;gap:7px}.tree-panel .panel-title>span{margin-left:auto}.tree-panel .tree-expand{font-size:.72rem;min-height:40px;padding:5px 10px;background:#173d36;color:#fff2d4;border-color:#173d36}.tree-shell{width:100%;min-height:0;display:flex;flex-direction:column}.tree-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:6px;background:#dce1c7;border-bottom:1px solid #829272}.tree-toolbar button{min-height:44px;padding:5px 8px;font-size:.66rem}.tree-toolbar button:first-child,.tree-toolbar button:nth-child(2){font-size:1.15rem;min-width:44px}.tree-canvas{position:relative;min-height:0;flex:1;overflow:hidden;touch-action:none;background:#dfe2c9;cursor:grab;user-select:none}.tree-canvas:active{cursor:grabbing}.tree-art{position:absolute;inset:0;width:100%;height:100%;max-height:none!important;overflow:hidden}.tree-reward{cursor:pointer}.tree-reward-label{fill:#f9efd8;stroke:#566a4b;stroke-width:3}.tree-reward text{font:600 32px 'Segoe UI',sans-serif;fill:#263b2d;pointer-events:none}.tree-reward.available .tree-reward-label{fill:#ffe4a1;stroke:#5b5027;stroke-width:5}.tree-legal-ring{fill:none;stroke:#fff1ab;stroke-width:10;stroke-dasharray:18 6}.tree-reward.selected .tree-reward-label{fill:#1f503b;stroke:#fff1a6;stroke-width:7}.tree-reward.selected text{fill:#fff4d5}.tree-reward:focus-visible .tree-reward-label{stroke:#9b5a00;stroke-width:9}.tree-minimap{position:absolute;bottom:8px;right:8px;width:64px;height:88px;padding:3px;background:#f7efdce8;border:1px solid #5e7553;box-shadow:0 2px 6px #2b453c44}.tree-minimap svg{display:block;width:100%;height:100%}.tree-window{fill:#e4bb3c33;stroke:#173d36;stroke-width:35}.table-layout:not([data-view=tree]) [data-tree-action=back]{display:none}.table-layout[data-view=tree]{display:block}.table-layout[data-view=tree] .floor-panel,.table-layout[data-view=tree] .wildlife-panel{display:none}.table-layout[data-view=tree] .tree-panel{width:100%;height:100%;display:flex}.table-layout[data-view=tree] .tree-expand{display:none}.table-layout[data-view=tree] .tree-toolbar{justify-content:center;gap:8px}.table-layout[data-view=tree] .tree-toolbar button{font-size:.82rem;padding:6px 15px}.table-layout[data-view=tree] .tree-minimap{width:90px;height:120px}.table-layout[data-view=tree] #tree{max-height:none;min-height:0;flex:1;height:auto}.table-layout[data-view=tree] .tree-panel .panel-title h2{font-size:1.35rem}.table-layout[data-view=tree] .tree-panel .panel-title>span{display:block}
@media(min-width:961px){.table-layout{grid-template-columns:clamp(280px,23vw,400px) minmax(0,1fr) clamp(190px,16vw,285px)}.table-layout:not([data-view=tree]) #tree{max-height:none}.tree-panel .panel-title h2{font-size:1.1rem}}
@media(min-width:741px) and (max-width:960px){.table-layout{grid-template-columns:240px minmax(0,1fr) 175px}.tree-toolbar button{font-size:.6rem;padding-inline:6px}.tree-expand{width:100%}.tree-panel .panel-title h2{font-size:1.1rem}}
@media(max-width:740px){.table-layout[data-view=tree] .tree-panel{height:560px}.tree-toolbar{gap:4px;padding:5px}.table-layout[data-view=tree] .tree-toolbar button{font-size:.67rem;padding:5px 8px}.table-layout[data-view=tree] #tree{height:auto;min-height:0;flex:1}.tree-panel .panel-title>span{display:block}.tree-reward text{font-size:32px}.tree-minimap,.table-layout[data-view=tree] .tree-minimap{width:64px;height:88px}}