/* Ninja Idle — árvore de talentos, integrada ao painel Técnicas */
.ni-tree-shell{border:1px solid #344052;border-radius:16px;background:radial-gradient(circle at 50% 0,rgba(80,115,168,.15),transparent 52%),#10151e;padding:18px;margin:20px 0;color:#e9eef7}
.ni-tree-head{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #2b3547;padding-bottom:16px;margin-bottom:18px}
.ni-tree-kicker{color:#e9ad6c;font-size:10px;font-weight:800;letter-spacing:.2em;margin-bottom:4px}
.ni-tree-head h3{font:800 23px/1.15 "Barlow Condensed",sans-serif;letter-spacing:.05em;margin:0 0 5px;color:#fff}
.ni-tree-head p{margin:0;color:#9aa7bf;font-size:12px}
.ni-tree-points{display:flex;flex-direction:column;align-items:center;min-width:116px;padding:10px 15px;border-radius:12px;background:linear-gradient(135deg,#2d2d47,#1c2433);border:1px solid #5b6080}
.ni-tree-points strong{font:800 26px/1 "Barlow Condensed",sans-serif;color:#f7d58b}
.ni-tree-points span{font-size:10px;font-weight:800;letter-spacing:.06em;color:#f0ce8e}
.ni-tree-points small{font-size:10px;color:#a8b4c5}
.ni-tree-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.ni-tree-branch{padding:14px 10px;background:rgba(14,19,30,.86);border:1px solid #303b4b;border-radius:13px;min-width:0}
.ni-tree-branch-title{display:flex;align-items:center;gap:9px;margin-bottom:15px;padding:0 3px}
.ni-tree-branch-symbol{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:#472e28;color:#ff9d67;font-size:20px}
.ni-tree-defense .ni-tree-branch-symbol{background:#1e3646;color:#70c7ee}
.ni-tree-strategy .ni-tree-branch-symbol{background:#392a4e;color:#c29bff}
.ni-tree-branch-title strong{display:block;font-size:15px;color:#fff}
.ni-tree-branch-title small{display:block;font-size:11px;color:#8f9eb5}
.ni-tree-node{width:100%;display:flex;flex-direction:column;gap:7px;text-align:left;color:inherit;background:linear-gradient(135deg,#1c2533,#161d2a);border:1px solid #354458;border-radius:11px;padding:11px 10px;min-height:115px;transition:border-color .2s,transform .2s,background .2s;cursor:pointer}
.ni-tree-node:focus-visible{outline:2px solid #f3c575;outline-offset:2px}
.ni-tree-node.locked{opacity:.53;cursor:not-allowed}
.ni-tree-node.learned{border-color:#64b98c;background:linear-gradient(135deg,rgba(47,112,86,.32),#162b27)}
.ni-tree-node.available{border-color:#d5a964;box-shadow:inset 0 0 0 1px rgba(244,187,99,.15)}
.ni-tree-node.available:hover{transform:translateY(-2px);background:#283247}
.ni-tree-node-top{display:flex;align-items:center;gap:8px}
.ni-tree-node-icon{width:27px;height:27px;flex:none;border:1px solid #58657a;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:11px;color:#f3cf89}
.ni-tree-node.learned .ni-tree-node-icon{color:#9ff3bd;border-color:#57b883}
.ni-tree-node-name{font-weight:800;font-size:12px;line-height:1.25;color:#f1f4fd}
.ni-tree-node-description{font-size:11px;line-height:1.45;color:#a9b8cf;flex:1}
.ni-tree-node-state{font-size:10px;font-weight:800;letter-spacing:.02em;color:#d7a96e}
.ni-tree-node.learned .ni-tree-node-state{color:#8ee7ae}
.ni-tree-node.locked .ni-tree-node-state{color:#8997ad}
.ni-tree-connector{height:17px;width:2px;margin:0 auto;background:#354152;position:relative}
.ni-tree-connector:after{content:"";position:absolute;bottom:0;left:-3px;width:8px;height:8px;border-right:2px solid #49546c;border-bottom:2px solid #49546c;transform:rotate(45deg)}
.ni-tree-connector.complete{background:#67bc8e}.ni-tree-connector.complete:after{border-color:#67bc8e}
.ni-tree-footer{border-top:1px solid #2b3547;padding-top:13px;margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:#97a5ba;font-size:11px}
@media(max-width:850px){.ni-tree-branches{grid-template-columns:1fr}.ni-tree-branch{padding:13px}.ni-tree-node{min-height:0}.ni-tree-head{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.ni-tree-node{transition:none}}