/* Race-trait comparison: menu only, no extra battlefield draw cost. */
.race-bonus-panel { margin-top: 16px; border-top: 1px solid var(--line); padding-top: 10px; }
.race-bonus-panel > p { max-width: 100ch; line-height: 1.5; }
.race-bonus-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.race-bonus-grid article { padding: 12px; background: var(--bg2); border: 1px solid var(--line); border-radius: 10px; }
.race-bonus-grid h3 { margin: 0 0 10px; color: var(--gold2); }
.race-bonus-grid h3 small { font-size: 11px; color: var(--dim); font-weight: normal; }
.race-bonus-grid ul { padding: 0; margin: 0; list-style: none; }
.race-bonus-grid li + li { margin-top: 10px; }
.race-bonus-grid li b, .race-bonus-grid li span { display: block; font-size: 12px; line-height: 1.4; }
.race-bonus-grid li span { color: var(--dim); }
.race-bonus-grid.inactive { opacity: .65; }
#race-bonus-match { max-width: 62ch; line-height: 1.5; margin-top: 12px; }
@media (max-width: 700px) { .race-bonus-grid { grid-template-columns: 1fr; } }