.sec.combat { border-color: var(--danger); }
.sec.result.won { border-color: var(--accent); }
.sec.result.dead { border-color: var(--danger); }
.roll .die { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin: 0 3px; border-radius: 7px; background: #f4f6f8; color: #111; font-weight: 800; border: 0; cursor: pointer; font-size: 15px; }
.roll .die.miss { background: #5a2a2a; color: #ffb3b3; }
.roll .die.crit { background: var(--accent); }