.mana-symbol{--mana-size:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--mana-size);height:var(--mana-size);border-radius:var(--radius-full);box-shadow:inset 0 -2px 3px rgba(0,0,0,.4),inset 0 2px 3px rgba(255,255,255,.15),0 0 0 1px rgba(0,0,0,.5);vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mana-symbol-glyph{font-family:var(--font-ui);font-weight:700;font-size:calc(var(--mana-size) * .6);line-height:1;letter-spacing:var(--tracking-normal)}.mana-symbol-w{background:var(--mana-w);color:var(--mana-b)}.mana-symbol-u{background:var(--mana-u);color:var(--mana-w)}.mana-symbol-b{background:var(--mana-b);color:var(--mana-c)}.mana-symbol-r{background:var(--mana-r);color:var(--mana-w)}.mana-symbol-g{background:var(--mana-g);color:var(--mana-w)}.mana-symbol-c,.mana-symbol-generic{background:var(--mana-c);color:var(--mana-b)}.mana-symbol-hybrid{--mana-half-a:var(--mana-c);--mana-half-b:var(--mana-c);background:linear-gradient(135deg,var(--mana-half-a) 0 50%,var(--mana-half-b) 50% 100%);color:var(--mana-w);text-shadow:0 0 2px rgba(0,0,0,.8)}.mana-cost{gap:var(--space-2);vertical-align:middle}.mana-cost,.mana-cost-badge{display:inline-flex;align-items:center}.mana-cost-badge{flex-shrink:0;padding:1px var(--space-4);border-radius:var(--radius-md);background:var(--accent-deep);font-family:var(--font-ui);font-weight:700;font-size:var(--text-nano);line-height:normal;white-space:nowrap}.mana-cost-badge-color{color:var(--crimson)}.mana-cost-badge-generic{color:var(--accent-mid)}