/* V1.122 — active artifacts and landmarks resolve as one readable battle transaction. */
#auxiliaryUseAnnouncer[hidden] {
  display: none !important;
}

.auxiliary-use-announcer {
  position: fixed;
  z-index: 86;
  left: 50%;
  bottom: clamp(112px, 15vh, 172px);
  width: max-content;
  max-width: min(88vw, 560px);
  padding: 10px 18px 10px 42px;
  border: 1px solid rgba(244, 202, 116, 0.68);
  border-radius: 999px;
  background: linear-gradient(105deg, rgba(10, 12, 18, 0.96), rgba(34, 24, 16, 0.94)), #0c0e14;
  color: #fff0c8;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.46), 0 0 26px rgba(225, 155, 59, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  font-size: clamp(12px, 1.25vw, 14px);
  font-weight: 800;
  letter-spacing: 0.035em;
  text-align: center;
  pointer-events: none;
  transform: translateX(-50%);
  animation: auxiliary-use-rail-arrive 180ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.auxiliary-use-announcer::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  width: 14px;
  aspect-ratio: 1;
  margin-top: -8px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-top-color: #ffd98b;
  border-radius: 50%;
  filter: drop-shadow(0 0 5px rgba(255, 194, 83, 0.55));
  animation: auxiliary-use-spin 760ms linear infinite;
}

.auxiliary-use-announcer[data-kind="landmark"] {
  border-color: rgba(112, 220, 186, 0.68);
  color: #d9fff2;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.46), 0 0 26px rgba(60, 207, 162, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.auxiliary-use-announcer[data-kind="landmark"]::before {
  border-top-color: #8bf2d1;
  filter: drop-shadow(0 0 5px rgba(87, 226, 181, 0.55));
}

body.auxiliary-use-submission-pending :is([data-auxiliary-use-locked="true"], [data-auxiliary-use-source-pending="true"]) {
  cursor: progress !important;
}

body.auxiliary-use-submission-pending :is(.equipment-slot, .duel-landmark, .team-landmark, .artifact-preview-action)[data-auxiliary-use-locked="true"] {
  opacity: 0.62;
  filter: saturate(0.72) brightness(0.82);
}

body.auxiliary-use-submission-pending [data-auxiliary-use-source-pending="true"] {
  z-index: 2;
  opacity: 1 !important;
  filter: saturate(1.08) brightness(1.1) !important;
  outline: 2px solid rgba(255, 211, 126, 0.84);
  outline-offset: 3px;
  box-shadow: 0 0 0 5px rgba(255, 193, 76, 0.1), 0 0 26px rgba(255, 174, 61, 0.44) !important;
}

body[data-auxiliary-use-submission="landmark"] [data-auxiliary-use-source-pending="true"] {
  outline-color: rgba(127, 240, 202, 0.88);
  box-shadow: 0 0 0 5px rgba(89, 222, 178, 0.1), 0 0 26px rgba(62, 215, 166, 0.42) !important;
}

body.auxiliary-use-submission-pending [data-auxiliary-use-source-pending="true"]::after {
  content: "";
  position: absolute;
  z-index: 8;
  inset: 18%;
  border: 2px solid rgba(255, 255, 255, 0.22);
  border-top-color: #ffe0a1;
  border-radius: 50%;
  animation: auxiliary-use-spin 720ms linear infinite;
  pointer-events: none;
}

body[data-auxiliary-use-submission="landmark"] [data-auxiliary-use-source-pending="true"]::after {
  border-top-color: #a8f5dc;
}

body.auxiliary-use-submission-pending .target-candidate {
  pointer-events: none;
}

body.auxiliary-use-submission-pending [data-auxiliary-use-target-pending="true"] {
  opacity: 1 !important;
  filter: saturate(1.08) brightness(1.06) !important;
  outline: 2px solid rgba(255, 205, 105, 0.9);
  outline-offset: 5px;
  box-shadow: 0 0 0 7px rgba(255, 191, 69, 0.1), 0 0 34px rgba(255, 174, 54, 0.42) !important;
}

body.auxiliary-use-submission-pending #artifactPreview .artifact-preview-action[data-auxiliary-use-source-pending="true"] {
  position: relative;
  padding-right: 42px;
  border-color: rgba(118, 235, 199, 0.72);
  color: #e5fff7;
}

@keyframes auxiliary-use-spin {
  to { transform: rotate(1turn); }
}

@keyframes auxiliary-use-rail-arrive {
  from { opacity: 0; transform: translate(-50%, 8px) scale(0.98); }
  to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}

@media (max-width: 720px) {
  .auxiliary-use-announcer {
    bottom: calc(98px + env(safe-area-inset-bottom, 0px));
    width: calc(100vw - 28px);
    max-width: 520px;
    padding: 9px 14px 9px 38px;
    white-space: normal;
  }

  body.auxiliary-use-submission-pending [data-auxiliary-use-target-pending="true"] {
    outline-offset: 2px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .auxiliary-use-announcer,
  .auxiliary-use-announcer::before,
  body.auxiliary-use-submission-pending [data-auxiliary-use-source-pending="true"]::after {
    animation: none !important;
  }

  .auxiliary-use-announcer::before,
  body.auxiliary-use-submission-pending [data-auxiliary-use-source-pending="true"]::after {
    border-color: currentColor;
  }
}

@media (forced-colors: active) {
  .auxiliary-use-announcer,
  body.auxiliary-use-submission-pending [data-auxiliary-use-source-pending="true"],
  body.auxiliary-use-submission-pending [data-auxiliary-use-target-pending="true"] {
    border: 2px solid Highlight;
    outline: 2px solid Highlight;
    box-shadow: none !important;
  }
}