/* Talent window: three trees side by side (tabs on phones), square icons with r/max counters. */
.talent-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
.talent-points { font: 14px var(--font-game); color: var(--text); }
.tp-big { color: var(--gold); font-size: 20px; text-shadow: var(--ink); }
.note { margin: 6px 0 10px; color: var(--muted); font-size: 13px; line-height: 1.4; }
.tree-tabs { display: flex; gap: 6px; margin-bottom: 8px; flex-wrap: wrap; }
.tree-tabs .gr-btn[aria-pressed="true"] { filter: brightness(1.25); box-shadow: inset 0 -2px 0 var(--gold-bright); }
.talent-trees { display: block; padding: 0; }
.gr-tree { display: none; padding: 8px 4px 12px; min-width: 0; }
.gr-tree:last-child { border-right: 0; }
.gr-tree__head { display: flex; align-items: center; gap: 6px; padding: 0 6px; font: 700 14px var(--font-game); color: var(--gold); text-shadow: var(--ink); }
.gr-tree__head img { border: 1px solid #000; }
.gr-tree__name { flex: 1; } .gr-tree__pts { color: #fff; }
.gr-tree__blurb { padding: 2px 6px 8px; color: var(--muted); font-size: 12px; }
.gr-tree__grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 56px; justify-items: center; align-items: center; }
.gr-tcell { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.gr-talent { padding: 0; border: 0; background: none; cursor: pointer; border-radius: 0; }
.gr-talent .gr-icon img { filter: grayscale(1) brightness(.5); }
.gr-talent .gr-icon::after { background-image: url(../assets/ui/auctionhouse-itemicon-border-gray.png); }
.gr-talent.open .gr-icon img { filter: none; }
.gr-talent.open .gr-icon::after { background-image: url(../assets/ui/loottab-set-itemborder-green.png); }
.gr-talent.has .gr-icon img, .gr-talent.maxed .gr-icon img { filter: none; }
.gr-talent.has .gr-icon::after { background-image: url(../assets/ui/loottab-set-itemborder-green.png); }
.gr-talent.maxed .gr-icon::after { background-image: url(../assets/ui/loottab-set-itemborder-orange.png); }
.gr-talent .gr-count { font-size: 13px; right: 2px; bottom: 0; }
.gr-talent.has .gr-count { color: var(--green); } .gr-talent.maxed .gr-count { color: var(--gold); }
.gr-talent.locked .gr-count { color: #777; }
.gr-talent:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 2px; }
.gr-talent { touch-action: manipulation; -webkit-touch-callout: none; user-select: none; }

/* The side panel is narrow, so the three trees are tabs; one tree shows at a time. */
.talent-trees[data-active="prospecting"] .gr-tree[data-tree="prospecting"],
.talent-trees[data-active="commerce"] .gr-tree[data-tree="commerce"],
.talent-trees[data-active="fortune"] .gr-tree[data-tree="fortune"] { display: block; }
.gr-tree__grid { grid-auto-rows: 60px; max-width: 320px; margin: 0 auto; }