/* Skill slot colors carry identity, never balance or damage-type claims. */
.hero-ability-browser{--skill-ink:#245f99;--skill-pale:#e5eef8;--skill-line:#8eafd0}
.hero-ability-browser[data-active-skill="1"]{--skill-ink:#8b561b;--skill-pale:#f7ecdc;--skill-line:#cfa56a}
.hero-ability-browser[data-active-skill="2"]{--skill-ink:#206e64;--skill-pale:#e2f0eb;--skill-line:#83b7aa}
.hero-ability-browser[data-active-skill="3"]{--skill-ink:#74509b;--skill-pale:#eee7f6;--skill-line:#b39bcf}
.hero-ability-browser .ability-nav button{--tab-ink:#245f99;--tab-pale:#e5eef8;--tab-line:#8eafd0;border-top:3px solid var(--tab-line);background:var(--tab-pale);color:var(--tab-ink);box-shadow:none}
.hero-ability-browser .ability-nav button:nth-child(2){--tab-ink:#8b561b;--tab-pale:#f7ecdc;--tab-line:#cfa56a}
.hero-ability-browser .ability-nav button:nth-child(3){--tab-ink:#206e64;--tab-pale:#e2f0eb;--tab-line:#83b7aa}
.hero-ability-browser .ability-nav button:nth-child(4){--tab-ink:#74509b;--tab-pale:#eee7f6;--tab-line:#b39bcf}
.hero-ability-browser .ability-nav button[aria-pressed="true"]{background:var(--tab-ink);border-color:var(--tab-ink);color:#fff;box-shadow:inset 0 -3px 0 #ffffff80}
.hero-ability-browser .ability-nav button:focus-visible{outline:2px solid var(--tab-ink);outline-offset:3px}
.hero-ability-browser .ability-card{border-top:3px solid var(--skill-ink)}
.hero-ability-browser .ability-slot{background:var(--skill-pale);color:var(--skill-ink)}
.hero-ability-browser .ability-title h3,.hero-ability-browser .ability-stats b,.hero-ability-browser .ability-upgrades b{color:var(--skill-ink)}
.hero-ability-browser .ability-stats>span{background:var(--skill-pale)}
.hero-ability-browser .ability-stats>span:first-child{background:#edeaf6}.hero-ability-browser .ability-stats>span:first-child b{color:#67508c}
.hero-ability-browser .ability-upgrades>div{padding:10px 12px;background:#f2f2e9;border:0;border-left:3px solid var(--skill-line);border-radius:4px;margin:7px 0;gap:16px}
.hero-ability-browser .ability-upgrades>div>b{width:62px;flex-shrink:0}
.hero-ability-browser .upgrade-line{display:block;margin-bottom:4px;line-height:1.65}
.hero-ability-browser .upgrade-line:last-child{margin-bottom:0}
.hero-ability-browser .upgrade-line mark{background:var(--skill-pale);color:var(--skill-ink);font-weight:750;padding:1px 4px;border-radius:3px}
.ability-source{margin:14px 0}.ability-source summary,.playbook-note summary{font-size:13px;color:#536148;cursor:pointer}