.talent-planner{min-width:0}.talent-classes{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;margin:0 0 26px}.talent-class{display:flex;align-items:center;flex-direction:column;gap:9px;padding:14px 4px 11px;border:1px solid var(--trim);border-radius:7px;background:#171411dc;font-size:12px;color:var(--muted);transition:border-color .15s,background .15s}.talent-class img{border:2px solid #655032;border-radius:7px;box-shadow:0 3px 12px #0008}.talent-class:hover,.talent-class.is-active{border-color:var(--gold);background:linear-gradient(#6b482a88,#211911ee);color:#ffe3a1}.talent-class.is-active img{border-color:#f1cf87;box-shadow:0 0 15px #c392423e}.talent-class:focus-visible,.talent-node:focus-visible{outline:3px solid #f1cf87;outline-offset:4px}
.talent-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:20px}.talent-identity{display:flex;align-items:center;gap:13px;margin-right:auto}.talent-identity img{border-radius:6px;border:1px solid var(--gold)}.talent-identity h2{margin:5px 0 0;font-size:23px}.talent-identity h2 span{font:14px system-ui;color:var(--muted);white-space:nowrap;display:inline-block;margin-left:8px}.talent-level{display:flex;align-items:center;gap:9px;font-size:13px}.talent-level select{font-size:16px;min-height:44px;width:76px}.talent-balance{display:flex;flex-direction:column;align-items:center;min-width:70px}.talent-balance strong{font:30px Georgia,serif;color:#f1cf87}.talent-balance span{font-size:12px;color:var(--muted)}.talent-actions{display:flex;flex-wrap:wrap;gap:8px}.talent-actions .button{min-height:44px;font-size:12px;padding:10px 12px}.talent-help,.talent-status{font-size:13px;line-height:1.65;color:var(--muted)}.talent-status{min-height:24px;color:var(--gold);margin-bottom:20px}.talent-share{padding:16px;border:1px solid var(--trim);margin-bottom:20px}.talent-share input{display:block;width:100%;min-height:44px;font-size:16px;margin-top:10px}.talent-share p{font-size:13px}
.talent-trees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.talent-tree{min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#75452930,transparent 75%),linear-gradient(160deg,#292014f2,#110f0ff2)}.talent-tree:nth-child(2){background:radial-gradient(ellipse at 50% 50%,#79241f30,transparent 75%),linear-gradient(160deg,#251916f2,#110f0ff2)}.talent-tree:nth-child(3){background:radial-gradient(ellipse at 50% 50%,#265f7230,transparent 75%),linear-gradient(160deg,#1b2122f2,#110f0ff2)}.talent-tree header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--trim);min-height:72px}.talent-tree header img{border:1px solid var(--trim);border-radius:50%}.talent-tree h2{font:20px Georgia,serif;margin:0;overflow-wrap:anywhere}.talent-tree header>span{font-size:11px;color:var(--gold);margin-left:auto;white-space:nowrap}
.talent-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(7,80px);margin:16px 12px;align-items:center;justify-items:center}.talent-node{position:relative;z-index:1;width:54px;height:54px;padding:2px;border:2px solid #7b6c46;border-radius:6px;background:#10100f;cursor:pointer;box-shadow:0 2px 10px #0008;min-width:0}.talent-node img{display:block;width:100%;height:100%;border-radius:2px;object-fit:cover}.talent-node span{position:absolute;bottom:-10px;right:-6px;padding:1px 4px;border:1px solid #7b6c46;border-radius:3px;background:#121311;color:#e2d7b7;font:bold 12px/1.4 system-ui;min-width:29px}.talent-node.is-locked img{filter:grayscale(1);opacity:.45}.talent-node.is-learned{border-color:#80bc67;box-shadow:0 0 12px #68a34a33}.talent-node.is-learned span{color:#baf49f;border-color:#80bc67}.talent-node.is-maxed{border-color:#ecc769}.talent-node.is-maxed span{border-color:#ecc769;color:#ffe29a}.talent-node:hover{outline:2px solid #d2b46f;outline-offset:3px}.talent-node[aria-pressed=true]{outline:3px solid #f1cf87;outline-offset:4px}.talent-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.talent-arrows path{fill:none;stroke:#756849;stroke-width:2;vector-effect:non-scaling-stroke}.talent-arrows path.is-ready{stroke:#d7bf77}.talent-tree-gate{padding:0 16px 16px;margin:0;font-size:11px;line-height:1.5;color:var(--muted);min-height:42px}
[data-row="1"]{grid-row:1}[data-row="2"]{grid-row:2}[data-row="3"]{grid-row:3}[data-row="4"]{grid-row:4}[data-row="5"]{grid-row:5}[data-row="6"]{grid-row:6}[data-row="7"]{grid-row:7}[data-col="1"]{grid-column:1}[data-col="2"]{grid-column:2}[data-col="3"]{grid-column:3}[data-col="4"]{grid-column:4}
.talent-detail{position:fixed;inset:0;margin:auto;width:530px;max-width:calc(100% - 28px);max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #b49755;border-radius:10px;padding:26px;background:linear-gradient(135deg,#29231a,#141211);color:var(--text);box-shadow:0 20px 90px #000c}.talent-detail::backdrop{background:#0009}.talent-detail-heading{display:flex;gap:14px;align-items:center;padding-right:24px}.talent-detail-heading img{flex:none;border:1px solid var(--gold);border-radius:5px}.talent-detail h2{font:24px/1.2 Georgia,serif;color:var(--gold);margin:7px 0}.talent-detail h3{font-size:13px;color:#dabf7e;margin:20px 0 6px}.talent-detail p{font-size:14px;line-height:1.7;white-space:pre-line}.talent-detail-rank{color:#d2bf8f}.talent-close{position:absolute;right:7px;top:7px;width:44px;height:44px;border:0;background:transparent;color:var(--gold);font-size:28px;cursor:pointer}.talent-detail-actions{display:flex;gap:10px;margin-top:22px}.talent-detail-actions .button{flex:1;min-height:44px;padding:12px 8px;font-size:13px}.talent-detail .talent-small{font-size:12px;color:var(--muted)}.talent-requirement{padding-top:15px;border-top:1px solid var(--trim);color:var(--muted)}.talent-sources{margin:24px 0;padding:16px;border:1px solid var(--trim);background:#15130fd9;border-radius:6px;font-size:13px;line-height:1.8}.talent-sources summary{min-height:28px;cursor:pointer;color:var(--gold)}
@media(max-width:1150px){.talent-trees{gap:10px}.talent-tree header{padding:12px 8px;gap:6px;flex-wrap:wrap}.talent-tree h2{font-size:17px}.talent-tree header>span{flex-basis:100%;margin-left:42px}.talent-grid{margin:12px 6px}.talent-node{width:48px;height:48px}.talent-classes{gap:5px}.talent-class{font-size:10px}.talent-class img{width:44px;height:44px}}
@media(max-width:950px){.talent-trees{grid-template-columns:1fr}.talent-tree{max-width:440px;width:100%;margin:auto}.talent-tree header{flex-wrap:nowrap;padding:16px}.talent-tree h2{font-size:21px}.talent-tree header>span{flex-basis:auto;margin-left:auto}.talent-grid{margin:12px 16px}.talent-node{width:54px;height:54px}.talent-classes{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.talent-class{font-size:12px}}
@media(max-width:480px){.talent-classes{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.talent-class{padding:10px 3px;font-size:11px}.talent-class img{width:44px;height:44px}.talent-toolbar{padding:16px;gap:14px}.talent-identity{flex-basis:100%}.talent-actions{width:100%}.talent-actions .button{flex:1}.talent-grid{margin:10px 8px;grid-template-rows:repeat(7,76px)}.talent-node{width:48px;height:48px}.talent-tree header{padding:14px 10px}.talent-tree h2{font-size:19px}.talent-detail{padding:22px 16px}.talent-detail h2{font-size:21px}.talent-detail-heading{gap:10px}.talent-detail-actions{flex-wrap:wrap}.talent-detail-actions .button{flex-basis:100%}}
.talent-tooltip{position:fixed;z-index:120;left:0;top:0;width:370px;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:20px;border:1px solid #b49755;border-radius:9px;background:linear-gradient(135deg,#29231a,#141211);color:var(--text);box-shadow:0 12px 40px #000b;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.talent-tooltip[hidden]{display:none}.talent-tooltip .talent-detail-heading{padding-right:0}.talent-tooltip .talent-detail-heading>div{min-width:0}.talent-tooltip h2{font:21px/1.25 Georgia,serif;color:var(--gold);margin:6px 0}.talent-tooltip h3{font-size:12px;color:#dabf7e;margin:16px 0 5px}.talent-tooltip p{font-size:13px;line-height:1.65;white-space:pre-line;margin:9px 0}.talent-tooltip .talent-requirement{margin-bottom:0}.talent-tooltip .eyebrow{font-size:10px}