/* Load after lobby.css. Original mounted TalentFrame quadrants remain server assets. */
.armory-dialog[data-tab=talents]{width:1350px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:#0c0a06}
.armory-dialog .realm-tabs{flex-wrap:wrap}
.armory-dialog[data-talent-class=Warrior]{--talent-class-color:#c79c6e}
.armory-dialog[data-talent-class=Paladin]{--talent-class-color:#f58cba}
.armory-dialog[data-talent-class=Hunter]{--talent-class-color:#abd473}
.armory-dialog[data-talent-class=Rogue]{--talent-class-color:#fff569}
.armory-dialog[data-talent-class=Priest]{--talent-class-color:#fff}
.armory-dialog[data-talent-class=Shaman]{--talent-class-color:#0070de}
.armory-dialog[data-talent-class=Mage]{--talent-class-color:#69ccf0}
.armory-dialog[data-talent-class=Warlock]{--talent-class-color:#9482c9}
.armory-dialog[data-talent-class=Druid]{--talent-class-color:#ff7d0a}
.armory-dialog[data-tab=talents] .armory-banner{padding-bottom:10px}
.armory-dialog[data-tab=talents] #talentsPage{padding:15px 18px 18px}
.armory-dialog[data-tab=talents] .talent-header{margin-bottom:6px;align-items:baseline;flex-wrap:wrap}
.armory-dialog[data-tab=talents] .talent-header h2{color:var(--talent-class-color,#e4cb8c);font-size:30px}
.armory-dialog[data-tab=talents] #talentPoints{font-size:13px;color:#dfcca0}
.armory-dialog[data-tab=talents] .talent-explanation{font-size:12px;max-width:850px;margin-bottom:14px;color:#bfb297}
.talent-workbench{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}
.talent-tree-scroll{min-width:0}
.armory-dialog[data-tab=talents] .talent-trees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;padding:3px}
.armory-dialog[data-tab=talents] .talent-tree{min-width:0;border:1px solid #79603b;border-radius:5px;background:#0c0905;box-shadow:inset 0 0 0 1px #241c11}
.armory-dialog[data-tab=talents] .talent-tree-heading{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:7px;padding:10px 9px;margin:0;border-bottom:1px solid #574325;background:none;text-align:left}
.talent-tree-heading>img{display:block;width:27px;height:27px;border:1px solid #94743f;border-radius:3px}
.armory-dialog[data-tab=talents] .talent-tree-heading .talent-tree-name{font:21px/1.15 Morpheus,Friz,Georgia,serif;color:#e9ce83;overflow-wrap:anywhere}
.talent-tree-spent{font:11px/1.2 Friz,Georgia,serif;color:#b5a580;white-space:nowrap}
.armory-dialog[data-tab=talents] .talent-tree-canvas{height:auto;aspect-ratio:5/6;margin:0 7px;position:relative;isolation:isolate;overflow:hidden}
.armory-dialog[data-tab=talents] .talent-tree-art{opacity:.9;grid-template-columns:80% 20%;grid-template-rows:66.666667% 33.333333%}
.armory-dialog[data-tab=talents] .talent-tree-art:after{box-shadow:inset 0 0 18px #0008;background:linear-gradient(#0002,#0000 60%,#0005)}
.armory-dialog[data-tab=talents] .talent-connectors path{stroke:#7c7354;stroke-width:3;filter:drop-shadow(1px 1px 1px #000);vector-effect:non-scaling-stroke}
.armory-dialog[data-tab=talents] .talent-connectors path.active{stroke:#d5bc6b}
.armory-dialog[data-tab=talents] .talent-tree .talent-node{width:43px;height:43px;border:2px solid #56564e;border-radius:5px;background:#080704;box-shadow:0 0 0 1px #090704,0 1px 5px #000c}
.armory-dialog[data-tab=talents] .talent-node img{border-radius:2px;opacity:.5;filter:grayscale(.85)}
.armory-dialog[data-tab=talents] .talent-node.unlocked{border-color:#7e9e55}
.armory-dialog[data-tab=talents] .talent-node.unlocked img{opacity:1;filter:none}
.armory-dialog[data-tab=talents] .talent-node.maxed{border-color:#e9bc4e}
.armory-dialog[data-tab=talents] .talent-node.selected{outline:2px solid #ffe7a4;outline-offset:3px;box-shadow:0 0 10px #f4cc5b66}
.armory-dialog[data-tab=talents] .talent-node:hover{border-color:#e5ca85}
.armory-dialog[data-tab=talents] .talent-node:focus-visible{outline:3px solid #fff2b0;outline-offset:4px}
.armory-dialog[data-tab=talents] .talent-node-rank{font:11px/1.2 Friz,Georgia,serif;padding:1px 4px;right:-6px;bottom:-7px;border-color:#403522;color:#b8b29d;background:#080703}
.armory-dialog[data-tab=talents] .unlocked .talent-node-rank{color:#b0de70}
.armory-dialog[data-tab=talents] .maxed .talent-node-rank{color:#f6ce59}
.talent-tree-signature{display:flex;align-items:center;gap:7px;min-height:47px;margin:0;padding:9px;font-size:10px;line-height:1.4;color:#c4b28b;border-top:1px solid #42331e}
.talent-tree-signature>img{width:25px;height:25px;flex:none;border:1px solid #79613b;border-radius:3px}
.talent-scroll-hint{display:none}
.talent-sidebar{min-width:0;border:1px solid #79603b;border-radius:5px;background:#100c07;overflow-wrap:anywhere}
.talent-budget{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 12px;border-bottom:1px solid #564328;color:#bdb08f;font-size:11px;text-align:center}
.talent-budget strong{font:32px/1.15 Morpheus,Friz,Georgia,serif;color:#edcf7d}
.armory-dialog[data-tab=talents] .talent-details{display:block;position:static;min-height:0;grid-template-columns:none;margin:0;padding:14px;border:0;background:none;box-shadow:none}
.talent-detail-title{display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:center;margin-bottom:13px}
.talent-detail-title>img{display:block;width:44px;height:44px;border:1px solid #bc9858;border-radius:4px;box-shadow:0 0 0 1px #000}
.armory-dialog[data-tab=talents] .talent-details h3{font:19px/1.25 Friz,Georgia,serif;margin:0;color:#e6d09b}
.armory-dialog[data-tab=talents] .talent-details p{font-size:12px;line-height:1.55;margin:8px 0;color:#d5c7a7}
.armory-dialog[data-tab=talents] .talent-details #talentTreeName{margin:0 0 2px;color:var(--talent-class-color,#b3a480);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.armory-dialog[data-tab=talents] .talent-details #talentRank{font-size:11px;margin:3px 0 0;color:#ac9e80}
.armory-dialog[data-tab=talents] #talentEffectHeading{margin-top:15px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#a4bb80}
.armory-dialog[data-tab=talents] #talentEffects{padding:8px 10px;border-left:2px solid #6e6338;background:#090704;color:#d6c9aa;font-size:11px}
.armory-dialog[data-tab=talents] .talent-details #talentRequirements{color:#a7c57c;font-size:11px;margin-bottom:0}
.armory-dialog[data-tab=talents] .talent-details #talentRequirements.blocked{color:#e09a78}
.armory-dialog[data-tab=talents] .talent-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:0 14px 15px;margin:0}
.armory-dialog[data-tab=talents] .talent-actions #talentCost{font-size:12px;line-height:1.4;color:#d6bc7c;order:0;text-align:center}
.armory-dialog[data-tab=talents] .talent-actions #trainTalent{width:100%;font-size:15px;min-height:38px}
.talent-reset{padding:13px 14px 15px;border-top:1px solid #564328}
.talent-reset #resetTalents{width:100%;white-space:normal;font-size:12px}
.armory-dialog[data-tab=talents] .talent-reset-note{font-size:10px;line-height:1.5;color:#a99a7c;margin:10px 0 0;text-align:left}
@media(max-width:1150px){
  .talent-workbench{grid-template-columns:minmax(0,1fr) 255px;gap:12px}
  .armory-dialog[data-tab=talents] .talent-trees{gap:8px}
  .armory-dialog[data-tab=talents] .talent-tree-heading{grid-template-columns:23px 1fr;gap:6px;padding:8px}
  .talent-tree-heading>img{width:23px;height:23px;grid-row:1/3}
  .armory-dialog[data-tab=talents] .talent-tree-heading .talent-tree-name{font-size:19px}
  .talent-tree-spent{grid-column:2;font-size:10px}
  .armory-dialog[data-tab=talents] .talent-tree .talent-node{width:36px;height:36px}
}
@media(max-width:950px){
  .talent-workbench{grid-template-columns:1fr}
  .talent-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:start}
  .talent-budget{grid-column:2;grid-row:1;border-bottom:0;padding-bottom:8px}
  .armory-dialog[data-tab=talents] .talent-details{grid-column:1;grid-row:1/4}
  .armory-dialog[data-tab=talents] .talent-actions{grid-column:2;grid-row:2;padding-top:6px}
  .talent-reset{grid-column:2;grid-row:3;border-top:0}
  .armory-dialog[data-tab=talents] .talent-tree .talent-node{width:42px;height:42px}
}
@media(max-width:700px){
  .armory-dialog[data-tab=talents]{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
  .armory-dialog[data-tab=talents] #talentsPage{padding:12px 10px}
  .armory-dialog[data-tab=talents] .talent-header h2{font-size:26px}
  .armory-dialog[data-tab=talents] .talent-trees{grid-template-columns:repeat(3,minmax(210px,1fr));overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:3px;padding:4px 4px 10px;gap:10px}
  .armory-dialog[data-tab=talents] .talent-tree{scroll-snap-align:start}
  .talent-scroll-hint{display:block;color:#b9a883;font-size:10px;margin:6px 0 0}
  .armory-dialog[data-tab=talents] .talent-tree .talent-node{width:37px;height:37px}
  .armory-dialog[data-tab=talents] .talent-node-rank{font-size:10px}
  .talent-sidebar{display:block}
  .talent-budget{align-items:flex-start;padding:12px 14px;border-bottom:1px solid #564328}
  .talent-budget strong{font-size:27px}
}
