/* Raised mission selectors: match the LOGLOOT and header-icon gold palette. */
.mission-number {
  --mission-gold-face: linear-gradient(165deg, #fff9c9 0%, #fff4a6 12%, #ffdb4c 30%, #f8b923 50%, #eaa716 64%, #fff184 82%, #cb8311 92%, #b96b09 100%);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #211000;
  border-color: #ffdc79;
  background: var(--mission-gold-face);
  box-shadow: inset 0 1px 1px #fffbece6, inset 0 -2px 1px #86420988, 0 4px 0 #8e4f0b, 0 7px 12px #0009;
  text-shadow: 0 1px 0 #fff4ad99;
  transition: transform 120ms ease, box-shadow 120ms ease, filter 120ms ease;
}
.mission-number::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 42%, #fff3c440 47%, #fffbea99 50%, #fff3c440 53%, transparent 58%);
  background-size: 250% 100%;
  background-position: 160% 0;
  animation: token-image-shine 4s ease-in-out infinite;
}
.mission-number:hover,
.mission-number[aria-pressed="true"] {
  background: var(--mission-gold-face);
  color: #211000;
  border-color: #fff4a6;
}
.mission-number:hover { filter: brightness(1.08); }
.mission-number[aria-pressed="true"] {
  transform: translateY(2px);
  filter: brightness(1.06);
  box-shadow: inset 0 2px 3px #7e410d66, inset 0 0 0 1px #fff7bd, 0 2px 0 #8e4f0b, 0 0 12px #ffcd3b66;
}
.mission-number:active {
  transform: translateY(4px);
  box-shadow: inset 0 2px 4px #74380888, 0 0 0 #8e4f0b, 0 1px 4px #0007;
}
.mission-number:focus-visible { outline-color: #fff4a6; }
@media (prefers-reduced-motion: reduce) {
  .mission-number { transition: none; }
  .mission-number::after { animation: none; background-position: -60% 0; }
}