/* FoxHunt3D v8.0.1: collision-safe foxes, precision aim and tactical quick covers. */

#touchAimZoomV7021 {
  position: absolute;
  left: max(18px, env(safe-area-inset-left));
  bottom: calc(max(20px, env(safe-area-inset-bottom)) + 140px);
  z-index: 181;
  display: none;
  min-width: 112px;
  min-height: 42px;
  padding: 7px 11px;
  border: 1px solid rgba(255, 209, 102, .55);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(69, 51, 15, .78), rgba(5, 15, 29, .72));
  color: #fff2a8;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .04em;
  pointer-events: auto;
  touch-action: manipulation;
}

#touchAimZoomV7021.visible { display: block; }
#touchAimZoomV7021.active {
  border-color: rgba(104, 226, 255, .85);
  background: linear-gradient(145deg, rgba(27, 117, 151, .82), rgba(5, 15, 29, .82));
  color: #dffaff;
  box-shadow: 0 0 20px rgba(104, 226, 255, .24);
}

body.ground-aim-zoom-v7021-active #reticle,
body.ground-aim-zoom-v7021-active #combatHudV7014 .combat-reticle-v7014 {
  transform: translate(-50%, -50%) scale(.72) !important;
  filter: drop-shadow(0 0 8px rgba(104, 226, 255, .35));
}

#combatHudV7014 .combat-ability-v7014[data-quick-build] {
  grid-template-rows: 1fr auto;
  pointer-events: auto;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
}

#combatHudV7014 .combat-ability-v7014[data-quick-build] span {
  margin-top: -3px;
  color: #dff8ff;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
}

#combatHudV7014 .combat-ability-v7014[data-quick-build] span b {
  color: #ffd166;
  font-size: 8px;
}

#combatHudV7014 .combat-ability-v7014[data-quick-build]:active {
  transform: translateY(1px) scale(.96);
  border-color: rgba(255, 209, 102, .8);
}

#combatHudV7014 .combat-ability-v7014[data-quick-build].unavailable {
  opacity: .36;
  filter: grayscale(.55);
  cursor: default;
}

@media (pointer: coarse) and (orientation: landscape) and (max-height: 620px) {
  #touchAimZoomV7021 {
    left: max(12px, env(safe-area-inset-left));
    bottom: calc(max(13px, env(safe-area-inset-bottom)) + 124px);
    min-width: 100px;
    min-height: 38px;
    font-size: 8px;
  }
}

@media (pointer: coarse) and (orientation: portrait) {
  #touchAimZoomV7021 {
    left: max(12px, env(safe-area-inset-left));
    bottom: calc(max(24px, env(safe-area-inset-bottom)) + 130px);
    min-width: 104px;
  }
  .combat-hud-abilities-v7014 {
    bottom: calc(max(18px, env(safe-area-inset-bottom)) + 82px) !important;
  }
}