.weapon-selector {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  align-items: flex-start;
  gap: clamp(8px, 2vw, 24px);
  max-width: calc(100% - 24px);
  pointer-events: none;
}

.weapon-selector[hidden], .weapon-selector-group[hidden], .weapon-selector-row[hidden] { display: none; }

.weapon-selector-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: clamp(80px, 13vw, 144px);
}

.weapon-selector-row {
  height: clamp(40px, 8vh, 64px);
  display: flex;
  justify-content: center;
  opacity: 0.85;
  filter: drop-shadow(0 2px 3px #000000);
}

.weapon-selector-row.selected {
  opacity: 1;
  transform: scale(1.1);
  filter: drop-shadow(0 0 5px #ffd36b);
}

.weapon-selector-row img { width: 100%; height: 100%; object-fit: contain; }