/* Independent, draggable client windows. */
.panel.client-open .panel-title,
.auto-helper-head,
.hunt-analyzer-head {
  cursor: grab;
  touch-action: none;
  user-select: none;
}

.panel.dragging-panel .panel-title,
.dragging-panel .auto-helper-head,
.dragging-panel .hunt-analyzer-head { cursor: grabbing; }

/* Larger, readable hunt pins. */
.map-pin.pokemon-pin .pin-icon {
  width: 50px;
  height: 50px;
  border-width: 3px;
  background: #0b2118ee;
  box-shadow: 0 3px 10px #000b, 0 0 0 2px #1119;
}

.map-pin.pokemon-pin .pin-icon canvas {
  width: 48px;
  height: 48px;
  image-rendering: pixelated;
}

.map-pin.pokemon-pin .pin-label {
  margin-top: 3px;
  padding: 2px 7px;
  font-size: 9px;
  opacity: .9;
}

.map-pin.pokemon-pin .pin-lvl {
  padding: 1px 4px;
  border-radius: 3px;
  background: #0b1b14dc;
  font-size: 8px;
  opacity: .9;
}

.map-pin.pokemon-pin:hover .pin-label,
.map-pin.pokemon-pin:hover .pin-lvl,
.map-pin.pokemon-pin.active .pin-label,
.map-pin.pokemon-pin.active .pin-lvl { opacity: 1; }

/* The original coin animation starts edge-on. Use a complete face coin for currency UI. */
.gold-coin > i {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: grid;
  place-items: center;
  overflow: visible;
}

.gold-coin > i img { display: none; }

.gold-coin > i::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  border: 2px solid #ffdb45;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff09a 0 12%, #ffc72f 14% 55%, #b87308 58% 100%);
  box-shadow: inset 0 0 0 2px #e99a10, 0 0 4px #e6a51766;
}