@import url("../shared/boss-ui.css?v=24067628cd30");
.raid { width: 196px; }
#party { grid-template-columns: 1fr; }
.dual-health { display:grid !important;grid-template-columns:1fr 1fr;gap:16px;font-size:12px !important; }
.dual-health label { display:grid;grid-template-columns:1fr auto;text-align:left;align-items:center; }
.dual-health #shieldLabel { grid-column:1 / -1; }
.dual-health .health-title { display:flex;align-items:center;gap:8px; }
.dual-health .realm-population { display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:2px 7px;border:1px solid #d8c17a;border-radius:12px;color:#fff2bd;background:#4a4027;font-size:14px;font-weight:800;line-height:1.15;text-shadow:0 1px 2px #000; }
.dual-health .outer-count { border-color:#d29b71;background:#513522; }
.dual-health .inner-count { border-color:#8cb9cb;background:#263f4b; }
.dual-health .health-value { text-align:right;font-variant-numeric:tabular-nums; }
.dual-health progress { display:block;height:12px;appearance:none;background:#392d29;border:1px solid #aa7b63;margin-top:5px; }
.dual-health label progress { grid-column:1 / -1;width:100%; }
.dual-health progress::-webkit-progress-bar { background:#392d29; }
.dual-health progress::-webkit-progress-value { background:linear-gradient(#d79370,#a24e45); }
.dual-health progress::-moz-progress-bar { background:#b66d54; }
#innerHp::-webkit-progress-value { background:linear-gradient(#b6d7e6,#5e9bac); }
#innerHp::-moz-progress-bar { background:#8ebaca; }
#innerHp { accent-color:#95c4d8; }
#shieldHp::-webkit-progress-value { background:linear-gradient(#f5df91,#b99139); }
#shieldHp::-moz-progress-bar { background:#d3b75e; }
#shieldHp { accent-color:#d3b75e; }
.realm-panel { position:absolute;bottom:calc(max(15px, env(safe-area-inset-bottom)) + 4.5em);left:50%;transform:translateX(-50%);text-align:center;display:grid;gap:6px; }
.realm-panel small { color:#c8d6d7; }
.realm-actions { display:flex;gap:6px;pointer-events:auto;justify-content:center; }
#feedback { min-height:20px;color:#c7ddb6;font-size:12px; }
#targetNotice { width:fit-content;max-width:100%;margin:8px auto;padding:7px 14px;color:#fff0b6;background:#574928ee;border:1px solid #d1ae5c;border-radius:4px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0008; }
#targetNotice[data-kind="health-difference"] { color:#fff;background:linear-gradient(110deg,#701515f5,#c22f25f5,#701515f5);border:3px solid #ff8b7e;text-shadow:0 1px 3px #290707;box-shadow:0 0 22px #f13d3ddd,0 2px 8px #000a;font-size:18px;padding:11px 22px;animation:health-alert-pulse .75s ease-in-out infinite alternate; }
@keyframes health-alert-pulse { from { box-shadow:0 0 12px #f13d3d99,0 2px 8px #000a; } to { box-shadow:0 0 28px #ff4545,0 2px 8px #000a; } }
#statusNotice { position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);pointer-events:none;background:#16231ddc;border:1px solid #938362;padding:12px 18px;text-align:center; }
#entry .muted { font-size:12px;color:#b5bba9; }
#exitAction,.touch-actions #specialAction { background:#d6b94b;color:#211d0b;border-color:#ffe28a; }
#exitAction:hover,.touch-actions #specialAction.active { background:#f2d76a; }
@media (any-pointer: coarse) {
  .dual-health { grid-template-columns:1fr;gap:3px; }
  .raid { width:145px; }
  .raid .member { min-height:23px;padding:2px 4px; }
  .realm-panel { bottom:12px;gap:2px;font-size:11px;max-width:35%; }
  .realm-actions { display:none; }
  .touch-actions { width:190px;height:122px;display:block; }
  .touch-actions button { width:56px;height:56px; }
  .touch-actions #specialAction { left:0;right:auto;top:0;bottom:auto;width:56px;height:56px; }
  .touch-actions #interactAction { left:64px;right:auto;top:0;bottom:auto; }
  .touch-actions button[data-action="shift"] { left:0;right:auto;top:66px;bottom:auto;width:56px;height:56px; }
  .touch-actions button[data-action="e"] { left:64px;right:auto;top:62px;bottom:auto;width:60px;height:60px; }
  .touch-actions button[data-action="1"] { left:134px;right:auto;top:66px;bottom:auto;width:56px;height:56px; }
  #feedback { font-size:10px; }
  #targetNotice { margin:4px auto;padding:5px 9px;font-size:12px; }
  #targetNotice[data-kind="health-difference"] { font-size:15px;padding:9px 14px; }
  .dual-health { gap:7px;font-size:10px !important; }
}
@media (any-pointer: coarse) and (max-height:360px) {
  .touch-actions { width:172px;height:108px; }
  .touch-actions button,.touch-actions #specialAction { width:48px;height:48px; }
  .touch-actions #interactAction { left:58px; }
  .touch-actions button[data-action="shift"] { top:60px;width:48px;height:48px; }
  .touch-actions button[data-action="e"] { left:58px;top:56px;width:52px;height:52px; }
  .touch-actions button[data-action="1"] { left:124px;top:60px;width:48px;height:48px; }
}