.battle-replay { margin-block: 12px; padding: 8px; border: 1px solid #28465e; background: #091827; }
.battle-replay h3 { margin-block: 2px 8px; }
#battleReplayCanvas { display: block; width: 100%; height: auto; background: #071222; }
.battle-replay-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 6px; margin-top: 8px; }
.battle-replay-controls fieldset { display: flex; gap: 4px; margin: 0; padding: 0; border: 0; }
.battle-replay-controls legend { padding: 0; }
.battle-replay-controls label { display: grid; }
.battle-replay-controls button, .battle-replay-controls select { min-height: 44px; min-width: 44px; }
.battle-replay-controls button[aria-pressed="true"] { color: #fff; background: #235779; border-color: #70c8fb; }
.battle-replay-legend { margin-block: 8px 0; }
#battleReplaySummary { scroll-margin-block-start: 8px; }
.battle-replay-controls .battle-rounds { flex-wrap: wrap; }
.battle-round-status { min-height: 1.3em; margin-block: 8px 0; font-variant-numeric: tabular-nums; }