.talent-page{max-width:1180px}.talent-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:28px;align-items:center}.talent-hero h1{margin:.2rem 0 .7rem}.talent-hero-card{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,rgba(88,166,255,.13),rgba(127,195,75,.08))}.talent-hero-card img{width:112px;height:112px;object-fit:cover;border-radius:18px}.talent-hero-card b,.talent-hero-card span{display:block}.talent-hero-card b{font-size:1.18rem}.talent-hero-card span{margin-top:5px;color:var(--muted)}.talent-note{margin:22px 0;padding:16px 18px;border-left:4px solid #8dc84b;background:rgba(127,195,75,.08);border-radius:0 16px 16px 0}.talent-controls{position:sticky;top:74px;z-index:8;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:26px 0 18px;padding:13px 15px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px)}.talent-points{margin-right:auto}.talent-points b{font-size:1.25rem;color:#e9b23f}.talent-controls button,.talent-tabs button,.talent-node button{font:inherit}.talent-reset,.talent-preset{border:1px solid var(--line);border-radius:12px;padding:10px 14px;color:var(--text);background:var(--card);cursor:pointer}.talent-preset{border-color:#709f3c;background:#709f3c;color:#0d160c;font-weight:800}.talent-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.talent-tabs button{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--text);cursor:pointer;font-weight:750}.talent-tabs button[aria-selected=true]{background:#e7ae38;color:#171208;border-color:#e7ae38}.talent-tree[hidden]{display:none}.talent-tree-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:10px 0 14px}.talent-tree-head p{max-width:650px;margin:0;color:var(--muted)}.talent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.talent-node{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.talent-node.active{border-color:#d99f2d;box-shadow:inset 3px 0 #d99f2d}.talent-node h3{font-size:1rem;margin:0 0 5px}.talent-node p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}.talent-node .node-ctl{display:grid;grid-template-columns:34px 48px 34px;align-items:center;gap:4px}.talent-node button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);cursor:pointer;font-size:1.1rem}.talent-node output{text-align:center;font-weight:800}.talent-reco{margin-top:34px}.talent-reco-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.talent-reco-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.talent-reco-card h3{margin-top:0}.priority-list{display:grid;gap:10px;padding:0;counter-reset:talent}.priority-list li{list-style:none;display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start}.priority-list li:before{counter-increment:talent;content:counter(talent);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7ae38;color:#171208;font-weight:900}.talent-gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:18px}.talent-gallery img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line);background:#eef2f5}.talent-source{font-size:.88rem;color:var(--muted)}
@media(max-width:760px){.talent-hero,.talent-reco-grid,.talent-gallery{grid-template-columns:1fr}.talent-hero-card{grid-template-columns:86px 1fr}.talent-hero-card img{width:86px;height:86px}.talent-controls{top:58px}.talent-tabs{display:flex;overflow-x:auto;padding-bottom:3px}.talent-tabs button{min-width:max-content}.talent-grid{grid-template-columns:1fr}.talent-node{padding:13px}.talent-node .node-ctl{grid-template-columns:36px 44px 36px}.talent-node button{width:36px;height:36px}.talent-tree-head{display:block}.talent-tree-head p{margin-top:6px}}
