.combat-panel.hidden { display: none; }
.combat-panel { margin: 18px 0 0; border: 1px solid #594747; background: rgba(34, 20, 20, .72); border-radius: 12px; padding: 14px; }
.combat-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; margin-bottom: 12px; }
.combat-head strong { display: block; font-size: 18px; color: #f0e8e8; }
.combat-head span { color: #aa9999; font-size: 12px; }
.combat-hpbar { height: 10px; border: 1px solid #634c4c; background: #171111; border-radius: 999px; overflow: hidden; margin-bottom: 10px; }
.combat-hpfill { height: 100%; background: #7e4b4b; transition: width .15s ease; }
.combat-description { color: #c7b9b9; font-size: 13px; line-height: 1.6; margin-bottom: 10px; }
.combat-round-log { min-height: 42px; color: #bcaeae; font-size: 12px; line-height: 1.55; padding-top: 8px; border-top: 1px solid #493838; }
.combat-choice { border-color: #765757; background: #2a1d1d; }
.combat-choice:hover { background: #382626; border-color: #987070; }
.combat-choice.secondary { border-color: #505c54; background: #1b241e; }
.combat-choice.danger { border-color: #7a5e45; background: #2a2218; }
.combat-meta { display: flex; gap: 8px; flex-wrap: wrap; color: #8f817f; font-size: 11px; margin-top: 8px; }