#results.legacy-trees{display:block}
.legacy-tree-panel{padding:24px;margin:18px 0;border:1px solid #38515b;border-radius:14px;background:linear-gradient(140deg,#152d35,#0e1c23)}
.legacy-tree-panel h2{margin:0;color:#ecd5a4;font-size:28px}
.legacy-tree-intro{margin:12px 0 20px;color:#b6c8cc;line-height:1.6}
.legacy-tree-start{color:#92d9be}
.legacy-tree-board{display:grid;grid-template-columns:repeat(var(--tree-columns),minmax(0,1fr));grid-template-rows:repeat(var(--tree-rows),var(--tree-node-height,150px));gap:44px 30px;position:relative;padding:8px 0;margin:22px 0}
.legacy-tree-edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.legacy-tree-edges line{stroke:#bca373;stroke-width:2.5}
.legacy-tree-edges path{fill:#ecd5a4}
.legacy-perk{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;width:100%;height:100%;padding:12px 8px;background:#142831;border:1px solid #768776;border-radius:12px;text-align:center;box-shadow:0 5px 16px #0005}
.legacy-perk .data-icon{margin:0;float:none;width:40px;height:40px}
.legacy-perk strong{font-size:16px;line-height:1.25;color:#f1dfb9;overflow-wrap:anywhere}
.legacy-perk .perk-ranks{font-size:12px;color:#b6c8cc}
.perk-unlock{font-size:12px;line-height:1.3;color:#d8c198}
.legacy-perk.is-start{border-color:#83bca2}
.legacy-perk.is-start .perk-unlock{color:#92d9be}
.legacy-perk.is-placeholder{border-style:dashed;border-color:#51646c}
.legacy-perk.is-placeholder strong{color:#b6c8cc}
.legacy-perk.is-search-muted{opacity:.38}
.legacy-perk.is-search-match{outline:2px solid #ecd5a4;outline-offset:3px}
.legacy-perk:hover{background:#29444b;border-color:#ecd5a4}
.legacy-perk-tooltip{position:fixed;z-index:100;width:340px;max-width:calc(100vw - 24px);max-height:60vh;overflow:auto;padding:16px 18px;background:#0b171ef5;border:1px solid #d9bd8088;border-radius:10px;box-shadow:0 12px 36px #0009;color:#e7eeed;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.legacy-perk-tooltip strong{display:block;font-size:18px;color:#ecd5a4}
.legacy-perk-tooltip small{display:block;color:#b6c8cc;font-size:12px}
.legacy-perk-tooltip p{margin:10px 0 0;white-space:pre-wrap}
.legacy-perk-tooltip .perk-tooltip-note{margin-top:12px}
.legacy-tree-legend{font-size:13px;color:#b6c8cc;line-height:1.6;margin:18px 0 0}
.legacy-tree-order{clear:both;margin:22px 0;padding:16px;border:1px solid #38515b;border-radius:10px;background:#0e1c23}
.legacy-tree-order h3{margin-top:0}
.legacy-tree-order ul{padding-left:22px;line-height:1.7}
.legacy-tree-order button{padding:7px 10px;margin:3px 4px 3px 0}
@media(max-width:700px){
 .legacy-tree-panel{padding:14px 10px}
 .legacy-tree-panel h2{font-size:23px}
 .legacy-tree-board{--tree-node-height:168px;gap:36px 12px}
 .legacy-perk{padding:9px 4px;gap:6px;border-radius:9px}
 .legacy-perk strong{font-size:12px;line-height:1.3}
 .legacy-perk .data-icon{width:32px;height:32px}
 .legacy-perk .perk-ranks,.perk-unlock{font-size:10px}
 .legacy-tree-intro,.legacy-tree-legend{font-size:13px}
}