.town-npc {
  position: absolute;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 82px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f8e6b0;
  cursor: pointer;
  transform: translate(-50%, -100%);
  text-shadow: 0 2px 3px #000, 0 0 5px #000;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.town-npc[hidden] { display: none; }
.town-npc__figure {
  position: relative;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid #d4ac55;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 25%, #66502b, #21170b 72%);
  box-shadow: 0 0 0 3px #120d08b8, 0 0 16px #f5c65c88;
  animation: townSmithGlow 2.4s ease-in-out infinite;
}
.town-npc__figure i { font: normal 26px/1 "Segoe UI Emoji", "Apple Color Emoji", sans-serif; }
.town-npc__figure b {
  position: absolute;
  right: -7px;
  bottom: -4px;
  display: grid;
  place-items: center;
  width: 21px;
  height: 21px;
  border: 1px solid #d7ad52;
  border-radius: 50%;
  background: #251a0c;
  color: #ffe08a;
  font: 16px/1 sans-serif;
}
.town-npc__name { color: #ffe08a; font: 700 12px/1.2 "Segoe UI", sans-serif; }
.town-npc__hint {
  padding: 2px 5px;
  border: 1px solid #8c6e36;
  border-radius: 8px;
  background: #0d0c09d9;
  color: #e4d3a8;
  font: 9px/1.2 "Segoe UI", sans-serif;
  white-space: nowrap;
}
.town-npc:hover .town-npc__figure,
.town-npc:focus-visible .town-npc__figure { border-color: #fff0ac; box-shadow: 0 0 0 3px #120d08b8, 0 0 22px #ffdc74; }
.townsmith-menu { display: grid; gap: 8px; margin-top: 10px; }
.townsmith-menu .btn { width: 100%; min-height: 40px; text-align: left; }
@keyframes townSmithGlow { 50% { box-shadow: 0 0 0 3px #120d08b8, 0 0 22px #f5c65ccc; } }