.tree-open{width:100%;margin:10px 0;text-align:left;border-color:#8d7347;color:#e1c38d;background:#383224}
#skillTree{width:min(1180px,calc(100vw - 32px));max-width:none;max-height:90vh;padding:28px;overflow:auto;box-sizing:border-box}
#skillTree .modal-heading{position:sticky;top:-28px;z-index:3;background:#25251e;padding:14px 0;border-bottom:1px solid #625236}
#skillTree h2{margin:7px 0;font-size:27px}
#skillTree .tree-legend{max-width:850px;font-size:12px;color:#b9ad95}
.skill-branch{margin:24px 0 35px;padding-top:18px;border-top:1px solid #5b503b}
.skill-branch>h3{font:21px Georgia,serif;color:#dec798;margin:0}
.skill-branch>p{margin:8px 0 22px}
.skill-graph{position:relative;isolation:isolate}
.skill-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none}
.skill-links path{fill:none;stroke:#665b44;stroke-width:2;stroke-linejoin:round}
.skill-links path.learned{stroke:#bba06b}
.skill-tier{display:flex;align-items:stretch;justify-content:center;gap:16px;margin-bottom:45px}
.skill-node{flex:1 1 0;max-width:235px;min-width:0;border:1px solid #706044;padding:14px;background:#292a21;box-shadow:3px 3px 0 #141a16;box-sizing:border-box}
.skill-node h4{font:16px Georgia,serif;margin:8px 0;color:#e5d0a7}
#skillTree .skill-node p{font-size:11px;line-height:1.65;margin:8px 0}
.skill-state{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#d5b87c}
.skill-requires{display:block;font-size:10px;line-height:1.6;color:#b6a58a;margin:12px 0}
.skill-node .cost{margin:12px 0;display:flex;flex-wrap:wrap;gap:5px}
.skill-node button{width:100%;font-size:10px;padding:9px 5px}
.skill-node.locked{border-style:dashed;border-color:#5e5849;background:#22251f}
.skill-node.locked .skill-state{color:#aaa28e}
.skill-node.available{border-color:#c4a66b}
.skill-node.acquired{border-color:#7f9971;background:#293329}
.skill-node.acquired .skill-state{color:#b5cd9b}
.skill-node.milestone{border-radius:10px;max-width:215px;background:#202a29}
@media(max-width:800px){#skillTree{padding:18px;max-height:94vh}#skillTree .modal-heading{top:-18px}.skill-graph{min-width:850px}.skill-branch{overflow-x:auto}.skill-node{padding:10px}.skill-node h4{font-size:14px}}