#combatAlerts{position:fixed;left:12px;top:144px;z-index:7;width:232px;max-width:calc(100vw - 24px);padding:7px;border:1px solid #997f54;border-radius:7px;background:#15242bee;color:#e8e3d3;box-shadow:0 4px 12px #0003;font:11px/1.4 'Segoe UI',sans-serif}
#combatAlerts[hidden]{display:none}
.combat-alert-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 1px 5px;font-size:10px;color:#d2c6ad}
#combatAlerts .combat-alert-heading>button{flex:0 0 24px;min-height:24px;width:24px;padding:1px 5px;border:0;background:transparent;color:#c7c4b8;font-size:17px;line-height:1;cursor:pointer}
.combat-alert-list{display:grid;gap:4px}
#combatAlerts .combat-alert-item{display:flex;justify-content:space-between;align-items:center;gap:9px;width:100%;min-height:32px;padding:6px 8px;border:1px solid #695942;border-radius:5px;background:#3d3027;color:#f3dfb9;text-align:left;font:11px/1.3 'Segoe UI',sans-serif;cursor:pointer}
#combatAlerts .combat-alert-item.combat{background:#26353a;border-color:#52636b;color:#c7d8d9}
.combat-alert-item strong{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-alert-item small{white-space:nowrap;font-size:10px;flex-shrink:0}
#combatAlerts button:hover{filter:brightness(1.18)}#combatAlerts button:focus-visible{outline:2px solid #edcc95;outline-offset:1px}
.combat-alert-more{display:block;padding:3px 5px 1px;color:#b7b5a9;font-size:10px}
@media(max-width:620px){#combatAlerts{top:134px;width:208px}}