/* Vida do alvo (src/ui/target.js): topo central, abaixo da chamada da Caravana e do aviso (#toast) */
.alvo{position:fixed;left:50%;top:140px;transform:translateX(-50%);z-index:29;display:grid;grid-template-columns:auto 180px auto;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;background:rgba(11,17,27,.86);border:1px solid rgba(255,80,80,.35);font:700 11px/1 Inter,system-ui,sans-serif;color:#ffd9d9;pointer-events:none;box-shadow:0 8px 24px #0008}
.alvo[hidden]{display:none}
.alvo-nome{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em}
.alvo b{position:relative;display:block;height:9px;border-radius:5px;background:#2a1418;overflow:hidden}
.alvo b i{position:absolute;left:0;top:0;bottom:0;border-radius:5px}
.alvo-perda{width:100%;background:#ffe2a8;transition:width .45s ease-out}
.alvo-vida{width:100%;background:linear-gradient(90deg,#c81e2c,#ff4d4d);transition:width .15s}
.alvo.baixa .alvo-vida{animation:alvoPisca .5s infinite alternate}
.alvo.ko{border-color:#ff4d4d}.alvo.ko .alvo-nome{color:#ff8080}
.alvo em{font-style:normal;min-width:22px;text-align:right;color:#fff;font-size:12px}
.alvo-dano{position:absolute;right:-6px;top:-10px;transform:translateX(100%);font:900 15px/1 Impact,'Arial Black',sans-serif;color:#ff5a5a;text-shadow:0 2px 0 #000a;white-space:nowrap;opacity:0}
.alvo-dano.pop{animation:alvoDano 1.2s ease-out forwards}
@keyframes alvoDano{0%{opacity:0;transform:translate(100%,6px) scale(1.4)}12%{opacity:1;transform:translate(100%,0) scale(1)}70%{opacity:1}100%{opacity:0;transform:translate(100%,-10px)}}
@keyframes alvoPisca{to{filter:brightness(1.6)}}
/* PC: a posição fica em caravana.css (coluna do meio, abaixo da chamada e do aviso) */
/* celular: coluna da direita, abaixo dos botões redondos do topo (o canto esquerdo é do chat) */
@media(pointer:coarse){.alvo{left:auto;right:calc(12px + var(--sr,0px));transform:none;top:calc(62px + var(--st,0px));grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 8px;padding:6px 10px;width:min(46vw,220px)}
  .alvo b{grid-column:1/-1;grid-row:2}.alvo-dano{right:auto;left:0;top:auto;bottom:-20px;transform:none;font-size:13px}
  @keyframes alvoDano{0%{opacity:0;transform:translateY(-4px) scale(1.3)}12%{opacity:1;transform:none}70%{opacity:1}100%{opacity:0;transform:translateY(6px)}}
  body:has(.cv-queue:not([hidden])) .alvo{top:calc(180px + var(--st,0px))}}