.talent-planner{border:3px solid #10171b;background:#10222e;box-shadow:6px 7px 0 #142a3580}.talent-toolbar{background:#101214;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:18px 22px;font-weight:800}.talent-toolbar input{width:95px;padding:8px;background:#253f4b;border:2px solid #e6b829;color:#fff;font:inherit}.talent-reset,.talent-actions button{font:inherit;font-weight:800;border:2px solid #101b20;padding:10px 20px;cursor:pointer;background:#edb82e;color:#122b37;box-shadow:2px 3px #000}.talent-reset{background:#df7036;color:white}.talent-tree-scroll{overflow-x:auto}.talent-tree{display:flex;min-width:960px}.talent-branch{position:relative;flex:1;height:660px;overflow:hidden;border:2px solid #8acbdb70;background-size:auto 100%;background-blend-mode:multiply;background-image:url('assets/progression/background_png.png')}.talent-branch.economy{background-color:#dd5344}.talent-branch.attributes{background-color:#398ade}.talent-branch.other{background-color:#36a43e}.talent-branch h3{position:relative;z-index:2;margin:20px auto 0;width:max-content;max-width:90%;font-size:24px;font-style:italic;color:#111a1e;padding:7px 20px;background:#efc331;border:3px solid #111;transform:skew(-9deg);box-shadow:4px 4px #141d23}.talent-branch.attributes h3{background:#1dd3e8}.talent-branch.other h3{background:#79eb32}.talent-branch svg{position:absolute;inset:0;width:100%;height:660px;pointer-events:none}.talent-branch line{stroke:#182722;stroke-width:7}.talent-branch line.active{stroke:#67f5df;stroke-width:5;filter:drop-shadow(0 2px #111)}.talent-node{position:absolute;transform:translate(-50%,-50%);width:78px;height:88px;background:none;border:0;cursor:pointer;padding:0;z-index:2;color:white}.talent-node.major{width:105px;height:115px}.talent-node-frame{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.talent-node-icon{position:absolute;width:48%;height:48%;object-fit:contain;left:26%;top:22%;filter:grayscale(1);opacity:.7}.talent-node.unlocked .talent-node-icon{filter:none;opacity:1}.talent-node-level{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);padding:1px 10px;background:#101414;white-space:nowrap;font-weight:900;font-size:14px}.talent-node.invested .talent-node-level{color:#a9ef51}.talent-node:hover,.talent-node:focus-visible{filter:drop-shadow(0 0 5px #fff6a1);outline:0}.talent-help{color:#d7e2e4;padding:10px 20px;margin:0;font-size:13px}.talent-detail{display:flex;gap:20px;padding:24px;background:#f5efd9;border-top:4px solid #dfb62c;color:#203b4b;min-height:290px}.talent-detail>img{width:80px;height:80px;object-fit:contain;background:#243d49;padding:10px}.talent-detail-copy{flex:1}.talent-detail h3{font-size:25px;margin:0 0 10px}.talent-detail h4{margin:14px 0 5px}.talent-detail p{margin:5px 0}.talent-requirements{font-size:13px}.talent-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.talent-actions button:disabled{opacity:.4;cursor:default}.talent-toolbar input:focus-visible,.talent-actions button:focus-visible,.talent-reset:focus-visible{outline:3px solid #11add5;outline-offset:3px}.progression-card:has(.progression-portrait){display:flex;flex-direction:column}.progression-portrait{float:none;align-self:center;width:100%;height:190px;background:radial-gradient(ellipse,#315567,#1d3441);margin:0 0 18px;object-fit:contain;padding:12px}.progression-card:has(.progression-portrait) details{margin-top:auto}@media(max-width:650px){.talent-detail{padding:16px;gap:12px}.talent-detail>img{width:50px;height:50px}.talent-toolbar{padding:12px}.talent-totals{font-size:14px}.talent-detail h3{font-size:21px}}
.talent-tree{min-width:720px;background:url('assets/progression/background_png.png') center/100% 100% no-repeat}.talent-branch.economy,.talent-branch.attributes,.talent-branch.other{background:none;border:0}.talent-branch h3{font-size:clamp(16px,2.3vw,24px);padding:7px 14px}.talent-node{width:64px;height:74px}.talent-node.major{width:88px;height:98px}.talent-node-level{font-size:12px;padding:1px 7px}.talent-branch line{stroke-width:5}

.talent-summary{padding:24px;background:#f5efd9;border-top:4px solid #dfb62c;color:#203b4b}.talent-summary h3{margin:0 0 18px;font-size:25px;font-style:italic}.talent-summary p{margin:0}.talent-bonuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;list-style:none;padding:0;margin:0}.talent-bonuses li{border-left:4px solid #2697b9;padding:10px 14px;background:#203b4b0c;line-height:1.6;overflow-wrap:anywhere}@media(max-width:650px){.talent-bonuses{grid-template-columns:1fr}.talent-summary{padding:18px}}