/* Arbre de talents MP-008 : disposition et couleurs, sans style intégré aux éléments. */
.mp-talents-page{display:grid;gap:22px;min-width:0}
.mp-talent-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;padding:30px;border:1px solid #7b9db344;border-radius:17px;background:linear-gradient(100deg,#0c1a2ee8,#153148a8),url('/horizon/assets/galaxie-v1.jpg') center/cover}
.mp-talent-hero h2{font:30px Horizon,Inter,sans-serif;margin:8px 0 12px}.mp-talent-hero p{color:var(--muted);font-size:14px;max-width:460px;line-height:1.6}
.mp-talent-counters{display:flex;gap:20px;flex-wrap:wrap}.mp-talent-counters div{display:grid;gap:8px;flex:1;min-width:65px}.mp-talent-counters strong{font:31px Horizon,Inter,sans-serif;color:var(--gold)}.mp-talent-counters span{font-size:12px;line-height:1.5;color:var(--muted)}
.mp-talent-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0}.mp-talent-nav button{background:transparent;color:var(--muted)}.mp-talent-nav [aria-pressed=true]{color:var(--gold);border-color:#c4a36788;background:#e2c58b0b}
.mp-talent-pending{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border:1px solid #d1b57d66;border-radius:14px;background:#e1c18b09}.mp-talent-pending p{margin-top:8px}.mp-talent-pending>div:last-child{text-align:right;min-width:200px}.mp-talent-pending strong[data-ends]{font:23px Horizon,Inter,sans-serif;color:var(--gold)}.mp-talent-pending .actions{margin-top:12px;flex-wrap:wrap}
.mp-talent-draftbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.mp-talent-draftbar p{margin:7px 0 0}.mp-talent-draftbar>.actions{flex-wrap:wrap;gap:8px}.mp-talent-draftbar>.warning{flex-basis:100%}
.mp-talent-filters{flex-wrap:wrap;margin:0}.mp-talent-tree-scroll{overflow:auto;scrollbar-width:thin;border:1px solid #7d98b333;border-radius:16px;background:radial-gradient(ellipse at 50% 90%,#263a4a55,transparent 70%),#0a1725}
.mp-talent-canvas{position:relative;padding:24px 18px;min-width:300px}.mp-talent-canvas.all-branches{min-width:750px}
.mp-talent-forest{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:20px}
.mp-talent-branch{min-width:0;--talent-tone:#8ed8b5}.branch-I{--talent-tone:#8ed8b5}.branch-C{--talent-tone:#e6a590}.branch-E{--talent-tone:#9cc8ed}.branch-H{--talent-tone:#e1c18b}
.mp-talent-branch>header{text-align:center;min-height:90px;padding:0 10px}.mp-talent-branch>header>span{color:var(--talent-tone);font-size:23px}.mp-talent-branch h3{font:19px Horizon,Inter,sans-serif;margin:7px 0}.mp-talent-branch header p{font-size:12px;color:var(--muted);line-height:1.4}
.mp-talent-canopy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(118px,auto));column-gap:12px;row-gap:28px;padding:4px 9px}
.mp-talent-canopy>[data-rank="4"]{grid-row:1;grid-column:1/-1;width:70%;justify-self:center}.mp-talent-canopy>[data-rank="3"]{grid-row:2}.mp-talent-canopy>[data-rank="2"]{grid-row:3}.mp-talent-canopy>[data-rank="1"]{grid-row:4}
.mp-talent-canopy>[data-talent-node$="1"],.mp-talent-canopy>[data-talent-node$="3"],.mp-talent-canopy>[data-talent-node$="5"]{grid-column:1}.mp-talent-canopy>[data-talent-node$="2"],.mp-talent-canopy>[data-talent-node$="4"],.mp-talent-canopy>[data-talent-node$="6"]{grid-column:2}
.mp-talent-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:9px;min-width:0;min-height:118px;padding:12px 10px;border:1px solid #6c839c66;border-radius:12px;background:linear-gradient(145deg,#172638,#0e1b2a);color:#c4d2df;box-shadow:0 7px 16px #02081233;overflow-wrap:anywhere}
.mp-talent-node-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;color:#92a9be}.mp-talent-node-top>span:last-child{color:var(--talent-tone);font-size:17px}.mp-talent-node>strong{font-size:13px;font-weight:500;line-height:1.45}.mp-talent-node-status{font-size:10px;color:#92a9be;margin-top:auto;line-height:1.5}.mp-talent-node>small{font-size:10px;color:#cbb586}
.mp-talent-node.is-active{border-color:#81bfa288}.mp-talent-node.in-draft{background:linear-gradient(145deg,#203b3d,#10282c);border-color:#9bd6b699}.mp-talent-node.in-draft .mp-talent-node-status{color:#a8e1c0}
.mp-talent-node.in-path{border-color:#d4b37a99;box-shadow:0 0 20px #dfbd7820}.mp-talent-node.is-selected{outline:1px solid #e1c18b;outline-offset:3px}.mp-talent-node:hover{border-color:var(--talent-tone);background:#213447}.mp-talent-node:focus-visible{outline:2px solid #f1dcaf;outline-offset:3px}
.mp-talent-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.mp-talent-links path{fill:none;stroke:#8aacc149;stroke-width:1.4;stroke-linejoin:round}.mp-talent-links path.draft-path{stroke:#8ed8b58c}.mp-talent-links path.selected-path{stroke:#e1c18be0;stroke-width:1.8}.mp-talent-links .root-link{opacity:.65}
.mp-talent-root{position:relative;z-index:1;display:grid;gap:7px;text-align:center;justify-content:center;max-width:240px;margin:30px auto 0;padding:14px 12px;border:1px solid #d1b57d44;border-radius:13px;background:#152337}.mp-talent-root>span{font-size:22px;color:var(--gold)}.mp-talent-root strong{font:17px Horizon,Inter,sans-serif}.mp-talent-root small{font-size:11px;color:var(--muted)}
.mp-hybrid-nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:18px}.mp-talent-crossings h3{font:21px Horizon,Inter,sans-serif}.mp-talent-crossings>p{margin-top:15px}
.mp-talent-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.mp-talent-inspector .eyebrow{color:var(--talent-tone)}.mp-talent-inspector h2{font:27px Horizon,Inter,sans-serif;margin:10px 0 20px}.mp-talent-effect{font-size:16px;line-height:1.8}.mp-talent-conditions{border-top:1px solid #849bb533;border-bottom:1px solid #849bb533;padding:12px 0;margin:18px 0;color:var(--muted)}.mp-talent-inspector .actions{flex-wrap:wrap;margin:18px 0}.mp-talent-inspector p{margin:14px 0}.mp-talent-scope{border-left:2px solid var(--talent-tone);padding:12px 16px;background:#b5cede08}.mp-talent-scope .tag{font-size:11px}.mp-talent-scope p{font-size:14px;line-height:1.6}
.mp-talent-compare-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.mp-talent-compare h2{font:26px Horizon,Inter,sans-serif}.mp-talent-compare h3{font-size:16px;color:var(--gold);margin-bottom:12px}.mp-talent-compare p{font-size:14px;line-height:1.7}.mp-talent-compare .actions{flex-wrap:wrap;gap:10px;margin-top:22px}.mp-talent-compare-columns>section{min-width:0}
.mp-talent-save{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-top:18px}.mp-talent-save label{display:grid;gap:8px;flex:1;min-width:180px;font-size:13px;color:var(--muted)}.mp-talent-save input{width:100%}.mp-talent-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px}.mp-talent-profile h3{font:20px Horizon,Inter,sans-serif;margin:12px 0}.mp-talent-profile p{font-size:13px;line-height:1.6;color:var(--muted)}.mp-talent-profile .actions{margin-top:15px;flex-wrap:wrap}
.mp-talent-milestone{padding:20px 0;border-bottom:1px solid #7890a72b}.mp-talent-milestone h3{margin:10px 0}.mp-talent-milestone p{font-size:14px;line-height:1.6;color:var(--muted)}.mp-talents-page details{margin-top:22px}.mp-talents-page summary{cursor:pointer;color:var(--gold);min-height:35px}.mp-talent-milestone-table{overflow:auto;margin:18px 0}.mp-talent-milestone-table table{width:100%;border-collapse:collapse;min-width:540px;font-size:12px}.mp-talent-milestone-table th,.mp-talent-milestone-table td{padding:12px 10px;border-bottom:1px solid #7890a733;text-align:left;white-space:nowrap}
#detail:has([data-talent-inspector]) .mp-detail-head>span{display:none}
@media(max-width:760px){.mp-talent-hero{grid-template-columns:1fr;padding:24px;gap:22px}.mp-talent-hero h2{font-size:26px}.mp-talent-counters{gap:14px}.mp-talent-counters strong{font-size:27px}.mp-talent-pending{align-items:start;flex-direction:column;padding:18px}.mp-talent-pending>div:last-child{text-align:left;min-width:0}.mp-talent-compare-columns{grid-template-columns:1fr;gap:20px}.mp-talent-canvas{min-width:260px;padding-inline:12px}.mp-talent-forest{gap:12px}.mp-talent-canopy{column-gap:14px;padding:4px 8px}.mp-talent-node{min-height:118px}.mp-talent-draftbar .actions{width:100%}.mp-talent-nav{gap:6px}.mp-talent-nav button{padding:8px 10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.mp-talents-page *{animation:none!important;transition:none!important}}

.mp-talent-canvas.all-branches .mp-talent-node>strong{font-size:12px}

.mp-talent-node>strong{hyphens:auto}