.hud-icon {display:inline-block;background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;}
.hud-icon[data-icon="cleave"] { background-image: url("cleave.svg"); }
.hud-icon[data-icon="sword"] { background-image: url("sword.svg"); }
.hud-icon[data-icon="lunge"] { background-image: url("lunge.svg"); }
.hud-icon[data-icon="dash"] { background-image: url("dash.svg"); }
.hud-icon[data-icon="arc_dash"] { background-image: url("arc_dash.svg"); }
.hud-icon[data-icon="bolt"] { background-image: url("bolt.svg"); }
.hud-icon[data-icon="storm"] { background-image: url("storm.svg"); }
.hud-icon[data-icon="static_charge"] { background-image: url("static_charge.svg"); }
.hud-icon[data-icon="conductor"] { background-image: url("conductor.svg"); }
.hud-icon[data-icon="frost_ring"] { background-image: url("frost_ring.svg"); }
.hud-icon[data-icon="frost"] { background-image: url("frost.svg"); }
.hud-icon[data-icon="ice_lance"] { background-image: url("ice_lance.svg"); }
.hud-icon[data-icon="brittle"] { background-image: url("brittle.svg"); }
.hud-icon[data-icon="cold_blood"] { background-image: url("cold_blood.svg"); }
.hud-icon[data-icon="guarded_steps"] { background-image: url("guarded_steps.svg"); }
.hud-icon[data-icon="guard"] { background-image: url("guard.svg"); }
.hud-icon[data-icon="bag"] { background-image: url("bag.svg"); }
.hud-icon[data-icon="axe"] { background-image: url("axe.svg"); }
.hud-icon[data-icon="spear"] { background-image: url("spear.svg"); }
.hud-icon[data-icon="empty"] { background-image: url("empty.svg"); }
.hud-icon[data-icon="tempo"] { background-image: url("tempo.svg"); }
#hero-portrait { background-image: url("hero.png"); }

.board-portrait { background-image: url("hero.png"); }

.hud-icon[data-icon="head"] { background-image: url("head.svg"); }
.hud-icon[data-icon="torso"] { background-image: url("torso.svg"); }
.hud-icon[data-icon="pants"] { background-image: url("pants.svg"); }
.hud-icon[data-icon="boots"] { background-image: url("boots.svg"); }