/* v1.0.6: navigazione albero. */
.research-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
#researchZoomLabel{min-width:50px;text-align:center;font-variant-numeric:tabular-nums}
.tree-wrap.research-viewport{height:68vh;min-height:330px;max-height:none;overflow:hidden;position:relative;padding:0;cursor:grab;touch-action:none;user-select:none;background-color:#1b1b27;background-image:radial-gradient(#ffffff12 1.5px,transparent 1.5px);background-size:24px 24px}
.research-viewport.dragging{cursor:grabbing}
.research-world{transform-origin:0 0;will-change:transform}
.research-world .node{text-align:left;border-radius:8px;align-items:flex-start;padding:10px;gap:5px}
.research-world .node .ni{font-size:20px}
.research-world .node b{font-size:13px}
.research-world .node small{font-size:11px}
.research-world .node.locked{opacity:1;background:#20202c;border-style:solid;color:#aaa8bd}
.research-world .node.owned,.research-world .node.maxed{background:#20252a;border-color:#86cb4b}
.research-world path.on{stroke:#4d9d70}
.research-world .lane{font-size:15px;color:#aaa8bd}
@media(max-width:600px){.research-controls .muted{width:100%}.tree-wrap.research-viewport{height:60vh}}