.class-pick.class-warrior,.class-pick.class-warrior:hover,.class-pick.class-warrior.active{color:#c9a27a}
.class-pick.class-paladin,.class-pick.class-paladin:hover,.class-pick.class-paladin.active{color:#f48cba}
.class-pick.class-hunter,.class-pick.class-hunter:hover,.class-pick.class-hunter.active{color:#aad372}
.class-pick.class-rogue,.class-pick.class-rogue:hover,.class-pick.class-rogue.active{color:#fff468}
.class-pick.class-priest,.class-pick.class-priest:hover,.class-pick.class-priest.active{color:#fff}
.class-pick.class-shaman,.class-pick.class-shaman:hover,.class-pick.class-shaman.active{color:#2678ff}
.class-pick.class-mage,.class-pick.class-mage:hover,.class-pick.class-mage.active{color:#3fc7eb}
.class-pick.class-warlock,.class-pick.class-warlock:hover,.class-pick.class-warlock.active{color:#8788ee}
.class-pick.class-druid,.class-pick.class-druid:hover,.class-pick.class-druid.active{color:#ff7c0a}
.class-pick.active{background:#151b26;border-color:currentColor;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 18%,transparent)}

/* Talent build controls */
.talent-build-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 14px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#111824,#0d121a)}
.talent-build-summary{display:grid;grid-template-columns:96px 174px 96px;align-items:stretch;min-width:0}
.talent-level-control,.talent-points-left,.talent-points-spent{min-height:58px;display:grid;align-content:center}
.talent-level-control{grid-template-rows:auto 34px;gap:4px;padding-right:18px}
.talent-points-left{grid-template-columns:max-content max-content;grid-template-rows:auto auto;column-gap:6px;justify-content:start;align-items:end;padding:0 20px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.talent-points-spent{grid-template-rows:auto auto;gap:3px;padding-left:20px}
.talent-stat-label{color:var(--muted);font:800 10px/1.2 var(--font-display);letter-spacing:.1em;text-transform:uppercase}
.talent-points-left .talent-stat-label{grid-column:1/-1}
.talent-points-left>strong{font:700 34px/.95 var(--font-mono);color:#ffd166;letter-spacing:-.05em;text-shadow:0 0 18px rgba(245,158,11,.16)}
.talent-points-total{padding-bottom:3px;color:var(--muted);font-size:11px;white-space:nowrap}
.talent-points-total b{color:#dbe5f2;font:700 12px var(--font-mono)}
.talent-points-spent strong{color:#fff;font:700 20px/1 var(--font-mono)}
.talent-build-actions{margin-left:auto;flex-shrink:0}
@media(max-width:780px){.talent-build-controls{align-items:stretch;flex-direction:column}.talent-build-summary{width:max-content;max-width:100%}.talent-build-actions{margin-left:0;justify-content:flex-end}}
@media(max-width:520px){.talent-build-summary{width:100%;grid-template-columns:88px minmax(145px,1fr) 82px}.talent-level-control{padding-right:12px}.talent-points-left{padding:0 12px}.talent-points-spent{padding-left:12px}.talent-points-left>strong{font-size:32px}.talent-build-actions{display:grid;grid-template-columns:1fr 1fr}.talent-build-actions #copy{grid-column:1/-1}.talent-build-actions .btn{width:100%}}