/* Spell tiers in the Spellbook (public/js/spell-tier-ui.js). Uses the --ui-* tokens. */
.spellbookTierPips {display:block;color:var(--ui-gold);font:700 11px/1.2 var(--ui-font);letter-spacing:.14em;}
.spellbookEssence {display:inline-flex;align-items:baseline;gap:5px;margin-left:12px;padding:4px 10px;border:1px solid var(--ui-divider);border-radius:999px;color:var(--ui-muted);font:600 11px/1.3 var(--ui-font);}
.spellbookEssence b {color:#c8a6ff;font:700 13px/1.2 var(--ui-font);font-variant-numeric:tabular-nums;}
.spellTierBlock {display:grid;gap:8px;margin-top:12px;padding:12px 14px;background:var(--ui-surface);border:1px solid var(--ui-divider);border-radius:10px;color:var(--ui-text);font:13px/1.4 var(--ui-font);}
.spellTierBlock[hidden] {display:none;}
.spellTierHead {display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
.spellTierHead span {color:var(--ui-muted);font:700 10px/1.3 var(--ui-font);letter-spacing:.08em;}
.spellTierPips {color:var(--ui-gold);font:700 14px/1 var(--ui-font);letter-spacing:.16em;}
.spellTierList {display:grid;gap:6px;margin:0;padding:0;list-style:none;}
.spellTierRow {display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:baseline;color:var(--ui-muted);}
.spellTierRow strong {color:var(--ui-muted);font:700 11px/1.3 var(--ui-font);}
.spellTierRow span {overflow-wrap:anywhere;}
.spellTierRow.owned strong {color:var(--ui-gold);}
.spellTierRow.owned span {color:var(--ui-text);}
.spellTierRow.signature span {font-style:italic;}
.spellTierRow.signature.owned span {font-style:normal;color:#ffe2a8;}
.spellTierUpgrade {width:100%;}
.spellTierReason {color:#f0b8a0;font:500 11px/1.4 var(--ui-font);}
.spellTierNote {color:var(--ui-muted);font:500 10.5px/1.4 var(--ui-font);}