/* Readable danger signal without flashing or blocking movement around it. */
#bleeding-warning{position:absolute;left:12px;bottom:calc(var(--bottom-hud-height,55px) + 18px);z-index:13;display:flex;align-items:center;gap:12px;width:min(360px,calc(100% - 24px));padding:10px 12px;background:#411d1af5;border:1px solid #e1907b;border-left:4px solid #f2a18e;border-radius:5px;box-shadow:0 3px 14px #0005;color:#ffe2d4;font:12px/1.4 Arial,sans-serif;pointer-events:none}
#bleeding-warning[hidden]{display:none}
/* Condition already contains the same urgent treatment guidance. */
body:not(.compact-ui) .viewport:has(#vitals.condition-visible:not([hidden])) #bleeding-warning,.compact-ui[data-compact-panel=survival] .viewport:has(#vitals.condition-visible) #bleeding-warning{display:none}
body:not(.compact-ui) .viewport:has(#vitals:not([hidden])) #bleeding-warning{left:calc(40px + 176px * var(--interface-vitals,1));width:min(360px,calc(100% - 52px - 176px * var(--interface-vitals,1)))}
#bleeding-warning.critical{background:#5a1918f5;border-color:#ffc2a9;border-left-width:6px}
.bleeding-warning-copy{min-width:0;flex:1;overflow-wrap:anywhere}
#bleeding-warning-title{font-size:14px;color:#fff0e3;display:block}
#bleeding-warning-message{margin:4px 0}
#bleeding-warning-wounds{display:block;color:#f1bca9;font-size:10px}
#bleeding-warning-open{pointer-events:auto;flex:0 0 86px;min-height:44px;white-space:normal;padding:7px;background:#73382c;border:1px solid #e3a88c;border-radius:3px;color:#fff1d9;font:12px/1.3 Arial,sans-serif}
#bleeding-warning-open:hover{background:#8d4737}
#bleeding-warning-open:focus-visible,#medical-open-satchel:focus-visible{outline:2px solid #fff0b7;outline-offset:3px}
#bleeding-warning-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
#vitals-toggle.has-bleeding{color:#ffe2d4;background:#5b2c25;border-color:#ed9b82}
#vitals.has-bleeding #vitals-tab-condition{color:#ffc7b5}
#medical-bleeding-help{padding:10px;background:#44251ed9;border:1px solid #a56b52;border-radius:3px;color:#f5ddc9;font:11px/1.55 Arial,sans-serif}
#medical-bleeding-help strong{color:#ffd5bd}
#medical-bleeding-help ol{padding-left:18px;margin:7px 0}
#medical-bleeding-help li+li{margin-top:6px}
#medical-bleeding-help p{margin:8px 0}
#medical-open-satchel{display:block;margin:8px 0;min-height:40px;padding:7px 12px;background:#574535;border:1px solid #c8a478;color:#fff1d9;border-radius:3px}
.compact-ui #bleeding-warning{left:12px;right:12px;width:auto;max-width:460px;bottom:calc(var(--bottom-hud-height,55px) + 14px);padding:7px 9px;gap:8px;font-size:11px}
.compact-ui #bleeding-warning-title{font-size:12px}
.compact-ui #bleeding-warning-wounds{display:none}
.compact-ui #bleeding-warning-message{margin:2px 0 0}
@media(max-height:500px){#bleeding-warning{padding:6px 9px;gap:8px;font-size:11px;max-width:400px}#bleeding-warning-title{font-size:12px}#bleeding-warning-wounds{display:none}.compact-ui #bleeding-warning{bottom:calc(var(--bottom-hud-height,55px) + 10px);max-width:400px}}