.legacy-builder{--legacy-cell:66px;--legacy-gap:20px;color:var(--talent-heading);border:1px solid var(--chrome-parchment-inner-border);background:linear-gradient(135deg,#332319,#181411 54%,#12100e);border-radius:12px;padding:clamp(16px,3vw,28px);box-shadow:inset 0 0 0 1px #6a492b55}.legacy-builder button{cursor:pointer;font:inherit}.legacy-builder button:focus-visible{outline-offset:3px;outline:3px solid #f1ca67}.legacy-toolbar,.legacy-actions,.legacy-tree-heading,.legacy-detail-title,.legacy-detail-actions{align-items:center;gap:12px;display:flex}.legacy-toolbar{flex-wrap:wrap;justify-content:space-between}.legacy-toolbar p{color:#d0c1a6;margin:0}.legacy-toolbar strong{color:#f4d46f;font-size:1.35rem}.legacy-actions,.legacy-detail-actions{flex-wrap:wrap}.legacy-default-control{background:#171410;border:1px solid #765837;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;display:flex}.legacy-default-control p{color:#d0c1a6;flex:240px;margin:0;line-height:1.5}.legacy-default-control button{color:#f4e8cf;background:#33281c;border:1px solid #9b7745;border-radius:5px;padding:8px 11px}.legacy-default-control button:hover{background:#57402a}.legacy-standalone-link{color:#f3d386;margin-top:16px;font-weight:700;display:inline-block}.legacy-save-form{background:#171410;border:1px solid #765837;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding:16px;display:flex}.legacy-save-form label{color:#f1dba8;font-weight:700}.legacy-save-form input{color:#f4e8cf;min-width:0;font:inherit;background:#100d0a;border:1px solid #9b7745;border-radius:5px;flex:180px;padding:8px 10px}.legacy-save-form button{color:#f4e8cf;background:#33281c;border:1px solid #9b7745;border-radius:5px;padding:8px 11px}.legacy-save-form button:disabled{opacity:.6;cursor:wait}.legacy-save-form a{color:#f3d386}.legacy-save-form input:focus-visible,.legacy-standalone-link:focus-visible,.legacy-save-form a:focus-visible{outline-offset:3px;outline:3px solid #f1ca67}.legacy-save-message{color:#f3d386;flex-basis:100%}.legacy-actions button,.legacy-detail-actions button{color:#f4e8cf;background:#33281c;border:1px solid #9b7745;border-radius:5px;padding:7px 11px}.legacy-actions button:hover,.legacy-detail-actions button:hover:not(:disabled){background:#57402a}.legacy-detail-actions button:disabled{opacity:.45;cursor:default}.legacy-instructions{color:#b6ad9b;margin:14px 0 18px;font-size:.91rem;line-height:1.5}.legacy-tree-tabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.legacy-tree-tab{color:#d3c4a9;background:#171410;border:1px solid #765837;border-radius:8px;align-items:center;gap:10px;min-width:180px;padding:7px 12px 7px 7px;display:flex}.legacy-tree-tab.active{color:#fff2cf;background:#513820;border-color:#e4ba5d;box-shadow:inset 0 0 0 1px #e4ba5d55}.legacy-tree-tab img,.legacy-tree-heading img{border:1px solid var(--gold-interactive);object-fit:contain;border-radius:50%}.legacy-tree-tab strong{color:#f3d175;margin-left:auto}.legacy-workspace{grid-template-columns:minmax(0,1fr) minmax(230px,320px);gap:24px;display:grid}.legacy-tree-panel,.legacy-detail{background:radial-gradient(circle at 30% 25%,#35271d,#17120f 80%);border:1px solid #644a30;border-radius:8px;padding:20px}.legacy-tree-heading{margin-bottom:18px}.legacy-tree-heading h3,.legacy-detail h3{color:#f1dba8;margin:0}.legacy-tree-heading p,.legacy-detail-title p{color:#b9ab91;margin:4px 0 0}.legacy-grid-wrap{width:fit-content;max-width:100%;margin-inline:auto}.legacy-column-gates{grid-template-columns:repeat(4, var(--legacy-cell));gap:var(--legacy-gap);color:#ad9b80;text-align:center;margin-bottom:9px;font-size:.72rem;display:grid}.legacy-grid{grid-template-columns:repeat(4, var(--legacy-cell));grid-template-rows:repeat(4, var(--legacy-cell));gap:var(--legacy-gap);display:grid;position:relative}.legacy-edges{color:#907e67;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.legacy-edges line{stroke:currentColor;stroke-width:.035px}.legacy-cell{z-index:1;width:var(--legacy-cell);height:var(--legacy-cell);position:relative}.legacy-node{z-index:1;width:var(--legacy-cell);height:var(--legacy-cell);background:#090909;border:2px solid #797268;border-radius:10px;padding:5px;position:relative;box-shadow:0 2px 6px #000a}.legacy-node img{object-fit:cover;filter:grayscale(.9)brightness(.62);border-radius:5px;width:100%;height:100%}.legacy-node.available,.legacy-node.selected{border-color:var(--talent-node-selected)}.legacy-node.available img,.legacy-node.selected img,.legacy-node.maxed img{filter:none}.legacy-node.maxed{border-color:#e8c15f}.legacy-node.focused{box-shadow:0 0 0 2px #e8c15f88}.legacy-node.placeholder img{filter:grayscale()brightness(.38)}.legacy-node span{color:#d8dfd0;background:#080807;border:1px solid #7e7058;border-radius:3px;padding:1px 3px;font-size:.72rem;font-weight:700;position:absolute;bottom:-8px;right:-5px}.legacy-node.available span,.legacy-node.selected span{color:var(--talent-rank-selected)}.legacy-node.maxed span{color:#ffdc6c}.legacy-tooltip{z-index:20;top:calc(var(--legacy-cell) + 12px);width:290px;max-width:80vw;padding:var(--space-16);border:1px solid var(--talent-tooltip-border);background:var(--talent-tooltip-surface);box-shadow:0 8px 28px var(--effect-shadow-strong);color:var(--talent-tooltip-text);font-size:var(--text-small);pointer-events:none;border-radius:4px;line-height:1.6;display:none;position:absolute;left:50%;transform:translate(-50%)}.legacy-cell:has(.legacy-node:hover),.legacy-cell:has(.legacy-node:focus-visible){z-index:30}.legacy-node:focus-visible+.legacy-tooltip{display:block}@media (hover:hover){.legacy-node:hover+.legacy-tooltip{display:block}}.legacy-tooltip strong{color:var(--talent-tooltip-title);font-size:15px;display:block}.legacy-tooltip span,.legacy-tooltip small,.legacy-detail-ranks small{color:var(--talent-tooltip-muted);display:block}.legacy-tooltip p{margin:var(--space-10) 0 0}.legacy-tooltip small,.legacy-detail-ranks small{margin-top:var(--space-10)}.legacy-tooltip .requirement{color:var(--talent-requirement)}.legacy-cell[data-column="1"] .legacy-tooltip{left:0;transform:none}.legacy-cell[data-column="4"] .legacy-tooltip{left:auto;right:0;transform:none}.legacy-cell[data-row="4"] .legacy-tooltip{top:auto;bottom:calc(var(--legacy-cell) + 12px)}.legacy-detail{align-self:start;min-height:205px;line-height:1.5}.legacy-detail-title img{border:1px solid #a68b58;border-radius:6px}.legacy-detail-ranks p{color:#e5ddcc;margin:18px 0 0}.legacy-detail-ranks small{color:#b7a986;font-size:.85rem}.legacy-detail .legacy-requirement{color:#efb090;font-size:.9rem}.legacy-message{color:#f3d386;min-height:1.5em;margin:16px 0 0}@media (width<=840px){.legacy-workspace{grid-template-columns:1fr}.legacy-tooltip{display:none!important}}@media (width<=420px){.legacy-builder{--legacy-cell:56px;--legacy-gap:10px}.legacy-tree-panel,.legacy-detail{padding:14px}.legacy-tree-tab{min-width:100%}}
