/* albero della ricerca */
.tree-wrap{overflow:auto;padding:0;max-height:72vh;background-image:radial-gradient(rgba(29,36,51,.18) 1.5px,transparent 1.6px);background-size:22px 22px;background-color:var(--paper)}
.tree{position:relative}
.tree svg{position:absolute;inset:0;pointer-events:none}
.tree path{fill:none;stroke:#8b8f9c;stroke-width:4;stroke-dasharray:3 9;stroke-linecap:round}
.tree path.on{stroke:var(--ink);stroke-dasharray:none;stroke-width:5}
.lane{position:absolute;font-family:var(--head);font-size:19px;color:var(--ink)}
.node{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;text-align:center;background:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:0 4px 0 var(--ink);line-height:1.1}
.node b{font-size:14px;font-weight:800}
.node small{font-size:12px;font-weight:800;opacity:.75}
.node .ni{font-size:22px;line-height:1}
.node .lvtxt{font-size:12px;font-weight:800}
.node.avail{background:var(--sky)}
.node.owned{background:var(--mint)}
.node.maxed{background:var(--sun)}
.node.pending{background:var(--orange);animation:pulse 1.4s ease-in-out infinite}
.node.locked{background:#dcd6c4;border-style:dashed;box-shadow:none;opacity:.8}
.node:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}
.pips{display:flex;gap:3px;justify-content:center}
.pips i{width:11px;height:11px;border:2px solid var(--ink);border-radius:50%;background:#fff}
.pips i.f{background:var(--violet)}
@keyframes pulse{50%{transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.node.pending{animation:none}}