/* css/nametags.css (v1.19) — nomes de NPC/lugares (texto de tela) e banner de zona. Estilo "RPG isométrico":
 * texto limpo com contorno escuro, sem placa; lugares com ícone e filetes dourados. */
#nametag-layer { position: fixed; inset: 0; z-index: 3; pointer-events: none; overflow: hidden; }
.nt {
  position: absolute; left: 0; top: 0; display: flex; flex-direction: column; align-items: center;
  white-space: nowrap; will-change: transform, opacity;
  font-family: Cinzel, "Trajan Pro", Georgia, "Times New Roman", serif;
  -webkit-font-smoothing: antialiased;
}
.nt .nt-name {
  font-weight: 700; letter-spacing: 0.03em;
  text-shadow: 0 0 2px #000, 0 0 4px #000, 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 0 2px 5px rgba(0,0,0,0.85);
}
.nt-npc .nt-name { font-size: clamp(14px, 3.7vw, 17px); color: #f2e6c4; }
.nt-npc .nt-sub { font-size: 11px; color: #cdbf9a; text-shadow: 0 0 3px #000, 1px 1px 0 #000; }
.nt-place { gap: 1px; }
.nt-place .nt-name { font-size: clamp(16px, 4.4vw, 20px); color: #ffe7a6; text-transform: uppercase; letter-spacing: 0.09em; }
.nt-place .nt-ico { font-size: clamp(18px, 5vw, 22px); line-height: 1; filter: drop-shadow(0 1px 2px #000) drop-shadow(0 0 3px rgba(0,0,0,0.8)); margin-bottom: 1px; }
.nt-place .nt-name::after {
  content: ""; display: block; height: 2px; margin: 3px auto 0; width: 70%;
  background: linear-gradient(90deg, transparent, #d9b35f 25%, #d9b35f 75%, transparent);
  box-shadow: 0 1px 2px #000;
}
.nt-market .nt-name { color: #bff6ee; }
.nt-market .nt-name::after { background: linear-gradient(90deg, transparent, #4fd1c5 25%, #4fd1c5 75%, transparent); }
.nt-place .nt-sub { font-size: 11px; color: #b9ece6; letter-spacing: 0.04em; text-shadow: 0 0 3px #000, 1px 1px 0 #000; margin-top: 2px; }

/* Jogador: [Nv] Nome + barra de vida (v1.21) */
.nt-player { gap: 2px; }
.nt-player .nt-row { display: flex; align-items: center; gap: 5px; }
.nt-player .nt-name { font-size: clamp(14px, 3.7vw, 17px); color: #fff4d6; }
.nt-player .nt-lvl {
  font-size: 11px; font-weight: 700; letter-spacing: 0.03em; color: #1b1405; background: linear-gradient(#f3d98b, #c9a24d);
  border: 1px solid #000; border-radius: 4px; padding: 0 4px; line-height: 15px; box-shadow: 0 1px 2px rgba(0,0,0,0.7);
}
.nt-player .nt-bar { display: block; width: 64px; height: 6px; background: rgba(0,0,0,0.75); border: 1px solid rgba(198,161,91,0.85); border-radius: 3px; overflow: hidden; box-shadow: 0 1px 3px #000; }
.nt-player .nt-bar i { display: block; height: 100%; width: 100%; background: #6ee7c8; transition: width 0.15s linear; }
.nt-player .nt-bar i.mid { background: #e0b75a; }
.nt-player .nt-bar i.low { background: #e0523f; }

/* Banner de zona ao entrar */
#zone-banner {
  position: fixed; left: 50%; top: 22%; transform: translateX(-50%); z-index: 40; pointer-events: none;
  text-align: center; opacity: 0; transition: opacity 0.7s ease;
  font-family: Cinzel, "Trajan Pro", Georgia, serif; max-width: 92vw;
}
#zone-banner.show { opacity: 1; }
#zone-banner .zb-name {
  font-size: clamp(22px, 6.6vw, 36px); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #f6e3a8;
  text-shadow: 0 0 6px #000, 0 2px 10px rgba(0,0,0,0.9), 1px 1px 0 #000, -1px -1px 0 #000;
}
#zone-banner .zb-rule { height: 2px; width: min(70%, 260px); margin: 6px auto 6px; background: linear-gradient(90deg, transparent, #d9b35f 20%, #d9b35f 80%, transparent); box-shadow: 0 1px 3px #000; }
#zone-banner .zb-sub { font-size: clamp(12px, 3.4vw, 15px); letter-spacing: 0.2em; text-transform: uppercase; color: #d8cba4; text-shadow: 0 0 4px #000, 1px 1px 0 #000; }
@media (prefers-reduced-motion: reduce) { #zone-banner { transition: none; } }