.battle-hud .top-actions { display:flex; gap:8px; }
#historyButton { width:44px; height:44px; padding:0; background:#0a2433; border:1px solid #12d9f4; color:#12d9f4; font-size:28px; cursor:pointer; }
#historyButton:hover { background:#16445a; }
#historyButton:focus-visible { outline:2px solid white; outline-offset:3px; }
#actionHistory { width:min(660px,94vw); max-height:90dvh; overflow:auto; color:#edf8ff; padding:24px; background:linear-gradient(140deg,#123442,#0a111d 65%); border:1px solid #12d9f4; }
#actionHistory header { display:flex; justify-content:space-between; align-items:start; gap:12px; }
#actionHistory h2 { font:38px var(--display); margin:6px 0; }
#historyNote { font-size:14px; line-height:1.6; color:#b7cedc; }
.history-filter { display:flex; align-items:center; gap:12px; font-size:16px; }
#historyRound { min-height:44px; background:#102736; color:#fff; border:1px solid #557588; padding:8px; font-size:16px; }
#historyEntries h3 { color:#b7f20c; font:22px var(--display); margin:24px 0 12px; }
#historyEntries p { font-size:14px; line-height:1.6; padding:12px; margin:6px 0; border-left:2px solid #376275; background:#0b1a27; overflow-wrap:anywhere; }
#historyEntries .history-important { border-color:#12d9f4; background:#103041; }
@media(max-width:650px) { #actionHistory { padding:16px; } }