.talent-tree{margin-top:24px}.talent-tree>header{padding:18px;border:1px solid #527184;background:linear-gradient(115deg,#123342,#171d32);border-radius:14px}.talent-tree>header button{margin:8px 12px}.talent-branches{display:grid;grid-template-columns:1fr 1fr;gap:24px}.talent-branch{min-width:0}.talent-branch>h4{color:#8ce0df;text-align:center}.talent-node{position:relative;margin:0 0 26px;padding:16px;border:1px solid #3a5265;border-radius:12px;background:linear-gradient(135deg,#132333,#0a1521);min-width:0}.talent-node:not(:last-child):after{content:'↓';position:absolute;top:100%;left:calc(50% - 12px);height:26px;color:#66c6c3;font-size:22px;line-height:26px}.talent-node.learned{border-color:#79b9b4;box-shadow:inset 3px 0 #55b8af}.talent-node.maxed{border-color:#887242;box-shadow:inset 3px 0 #d4b771}.talent-title{display:flex;align-items:center;gap:12px}.talent-title h4{margin:0 0 5px}.talent-title span,.talent-node>small{font-size:12px;color:#aac5d2;display:block}.talent-icon{width:54px;height:54px;flex:none;overflow:hidden;border:1px solid #9aaeb5;border-radius:12px;display:grid;place-items:center}.talent-icon>*{width:100%!important;height:100%!important;display:block!important}.talent-node p{font-size:13px}.talent-upgrades{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.talent-upgrades button{min-height:40px;flex:1;padding:7px}.talent-upgrades button:disabled{background:#151923;color:#879099;border-color:#333c49;opacity:.85;cursor:not-allowed}.talent-reason{color:#deb971;font-size:12px!important;margin-bottom:0}.talent-node .skill-growth{margin-top:10px;font-size:12px}.talent-node .skill-growth strong{font-size:12px}.talent-tree{scroll-margin-top:90px}@media(max-width:650px){.talent-branches{gap:10px}.talent-node{padding:10px}.talent-title{flex-direction:column;align-items:flex-start;gap:7px}.talent-title h4{font-size:14px}.talent-upgrades button{font-size:12px;min-width:40px}.talent-upgrades button:last-child{flex-basis:100%}.talent-tree>header{padding:12px}}

.talent-node .skill-growth>div{padding:8px;margin-top:5px;background:#ffffff05;border-radius:6px}.talent-node .skill-growth small,.talent-node .skill-growth strong{display:block;line-height:1.6}.talent-node .skill-growth .gain{color:#92e0b7}

/* Keep the expanded effect/mastery descriptions readable on touch screens. */
@media(max-width:650px){.talent-branches{grid-template-columns:1fr}.talent-upgrades button{min-height:44px}}