.fa-target-reticle {
  position: fixed;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 48;
  filter: drop-shadow(0 2px 3px #24143a80);
}
.fa-target-reticle svg {
  display: block;
  width: 100%;
  height: 100%;
}
.fa-target-controls {
  position: fixed;
  right: calc(18px + env(safe-area-inset-right));
  top: calc(96px + env(safe-area-inset-top));
  display: flex;
  gap: 4px;
  z-index: 54;
}
.fa-target-controls button {
  min-width: 44px;
  min-height: 44px;
  padding: 8px 12px;
  background: #172c39e8;
  border: 1px solid #cabdf5;
  color: #fff;
  border-radius: 8px;
  font: 600 13px system-ui;
}
.fa-target-controls button[aria-pressed="true"] {
  background: #50319b;
}
.fa-target-reticle[hidden],
.fa-target-controls[hidden] {
  display: none !important;
}
@media (max-width: 650px) {
  .fa-target-reticle {
    width: 82px;
    height: 82px;
  }
  .fa-target-controls {
    top: calc(76px + env(safe-area-inset-top));
    right: calc(8px + env(safe-area-inset-right));
  }
  .fa-target-controls button {
    padding: 6px 9px;
  }
}