/* PIANO ARMY · the hero pick (web/army-hero-pick.css): the Races panel's "Your hero" row, a race's heroes to choose
   from when it has more than one (the Humans: Paladin, Archmage, Sorceress), each its picture, its name and its two
   spells (army-game.js heroPick); the race buttons' look (army-races.css) with the picture beside the words. */
.races .rrow.hero-pick .race.hero { display: grid; grid-template-columns: 44px auto; grid-template-rows: auto auto; column-gap: 8px; row-gap: 1px; align-items: center; text-align: left; padding: 5px 12px 5px 6px; }
.races .rrow.hero-pick .race.hero img { grid-row: 1 / span 2; width: 44px; height: 44px; object-fit: contain; }
.races .rrow.hero-pick .race.hero b { grid-column: 2; }
.races .rrow.hero-pick .race.hero small { grid-column: 2; color: var(--dim); font-size: 11px; }