/* Destruitor Idle — PvP (pvp.js): a confirmacao "Atacar {nome}?", o menu do jogador, as caveiras no HTML, a ficha
   do personagem e a janela "Enquanto você estava fora" */

/* ---- caveira desenhada (sem imagem da CipSoft): cabeca, olhos e dentes com as cores de pvp_regras.js ---- */
.pvp-sk {
  display: inline-block; position: relative; width: 12px; height: 13px; margin-right: 5px; vertical-align: -2px; flex: none;
  border-radius: 6px 6px 3px 3px; background: var(--skc, #f5f5f5); box-shadow: 0 0 0 1px var(--skb, #4a4a4a);
}
.pvp-sk::before, .pvp-sk::after {
  content: ''; position: absolute; top: 4px; width: 3px; height: 3px; border-radius: 1px; background: var(--skb, #4a4a4a);
}
.pvp-sk::before { left: 2px; }
.pvp-sk::after { right: 2px; }
.pvp-sk.sk1 { --skc: #f6d32b; --skb: #5c4a00; }
.pvp-sk.sk2 { --skc: #3fcf52; --skb: #0f4d17; }
.pvp-sk.sk3 { --skc: #f5f5f5; --skb: #4a4a4a; }
.pvp-sk.sk4 { --skc: #e3302f; --skb: #4d0605; }
.pvp-sk.sk5 { --skc: #202020; --skb: #bdbdbd; }
.pvp-sk.sk6 { --skc: #f39221; --skb: #5a2c00; }

/* ---- confirmacao e avisos ---- */
.pvp-dlg {
  position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; padding: 16px;
  background: #0009;
}
.pvp-box {
  width: min(400px, 100%); max-height: calc(100vh - 32px); overflow: auto; padding: 16px 18px 14px; border-radius: 10px;
  background: var(--panel, #171a23); border: 1px solid #5a2a2a; box-shadow: 0 12px 32px #000b; color: var(--txt, #e8e6df);
}
.pvp-avisos .pvp-box { border-color: var(--line, #2a2f3e); }
.pvp-box h3 { margin: 0 0 10px; font-size: 17px; }
.pvp-aviso {
  display: flex; align-items: center; gap: 2px; margin: 0 0 8px; padding: 8px 10px; border-radius: 6px;
  background: #2a1414; border: 1px solid #6a2b2b; color: #ffd9d0; font-weight: 700;
}
.pvp-bt { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.pvp-bt .btn.danger { background: #8e2525; border-color: #b33a3a; color: #fff; }
.pvp-bt .btn.danger:hover { background: #a82d2d; }

/* ---- menu do jogador (botao direito / segurar) ---- */
.pvp-menu {
  position: fixed; z-index: 1900; min-width: 170px; padding: 6px; border-radius: 8px;
  background: #10131df5; border: 1px solid #2c3346; box-shadow: 0 8px 24px #0009; color: #e9e4d6; font-size: 13px;
}
.pvp-menu-h { display: flex; align-items: center; gap: 4px; padding: 4px 6px 6px; border-bottom: 1px solid #262c3d; margin-bottom: 4px; }
.pvp-menu button {
  display: block; width: 100%; padding: 7px 8px; border-radius: 5px; text-align: left; background: none; border: 0; color: inherit; font: inherit; cursor: pointer;
}
.pvp-menu button:hover, .pvp-menu button:focus-visible { background: #2a1717; color: #fff; outline: none; }

/* ---- ficha do personagem ---- */
.pvp-ficha { margin-top: 12px; }
.pvp-ficha .kv b { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 2px; }
.pvp-ficha .neg { color: var(--bad, #e06a5a); }
.pvp-ficha .pvp-nota { font-style: normal; font-weight: 400; font-size: 12px; color: var(--dim, #9aa0ad); }
.pvp-ficha .pvp-sub { margin-top: 14px; }
.pvp-frags { width: 100%; font-size: 12.5px; }
.pvp-frags td, .pvp-frags th { padding: 3px 6px; }
.pvp-reg { margin: 4px 0 0; padding-left: 18px; font-size: 13px; line-height: 1.45; }
.pvp-reg li { margin: 2px 0; }

@media (max-width: 520px) {
  .pvp-frags th:nth-child(4), .pvp-frags td:nth-child(4) { display: none; }
}