#combat-hud{position:absolute;inset:0;pointer-events:none;color:#f7eedb;font-family:Arial,sans-serif}#combat-hud[hidden]{display:none}.menu-open #combat-hud{display:none}.target-health{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:260px;padding:12px 16px;background:#292936e6;border:1px solid #ffffff35;border-radius:9px;font-size:10px;letter-spacing:1px}.target-health span{display:flex;justify-content:space-between;gap:12px}.target-health>div{height:7px;background:#f7eedb25;border-radius:8px;margin:9px 0;overflow:hidden}.target-health i{display:block;width:100%;height:100%;background:#ff6b7e;transition:width .1s}.target-health small{font-size:9px;color:#bcbac7;letter-spacing:.4px}.loadout{position:absolute;bottom:52px;left:50%;transform:translateX(-50%);display:flex;gap:12px}.loadout button{pointer-events:auto;width:115px;height:100px;margin:0;padding:7px;border:2px solid #ffffff30;border-radius:12px;background:#292936dd;color:#f7eedb;letter-spacing:.5px}.loadout button.selected{border-color:#7adbc8;background:#315751ed}.loadout img{width:100%;height:61px;object-fit:contain;border-radius:5px}.loadout span{display:block;font-size:9px;margin-top:5px}.loadout b{display:inline-block;color:#292936;background:#f7eedb;padding:2px 5px;border-radius:3px;margin-right:5px}.ammo{position:absolute;right:36px;bottom:66px;text-align:right;background:#292936d9;border:1px solid #ffffff30;border-radius:12px;padding:14px 18px;min-width:205px}.ammo span,.ammo small{display:block;font-size:10px;letter-spacing:1px}.ammo strong{display:block;font-size:32px;margin:4px 0}.ammo small{color:#7adbc8;font-size:8px}.combat-help{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:.6px;background:#292936e5;padding:9px 16px;border-radius:7px}#hit-confirm{position:absolute;left:50%;top:54%;transform:translateX(-50%);font-size:22px;font-weight:900;color:#ffc857;text-shadow:0 2px 5px #292936;opacity:0}#hit-confirm.visible{opacity:1}body:has(#combat-hud:not([hidden])) footer,body:has(#combat-hud:not([hidden])) #status{display:none}@media(max-width:700px){.target-health{top:100px;width:220px}.ammo{right:12px;bottom:170px;min-width:130px;padding:10px}.ammo strong{font-size:24px}.combat-help{font-size:7px;width:95%;white-space:normal;text-align:center}.loadout{bottom:55px}}

#utility-status{position:absolute;top:59%;left:50%;transform:translateX(-50%);color:#b5eeff;background:#242731b8;border-radius:6px;padding:7px 12px;font-size:11px;letter-spacing:.5px;white-space:nowrap}#utility-status:empty{display:none}
@media(max-width:500px){.loadout{gap:5px}.loadout button{width:68px}#utility-status{font-size:9px}}