/* V1.100: transactional rematch feedback with one request owner and no viewport motion. */
html body:not(.maintenance-mode) #resultOverlay[data-rematch-pending="true"] .result-conclusion-actions {
  cursor: wait;
}

html body:not(.maintenance-mode) #resultOverlay[data-rematch-pending="true"] .result-rematch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  opacity: .88;
  filter: saturate(.78) brightness(.96);
}

html body:not(.maintenance-mode) #resultOverlay[data-rematch-pending="true"] .result-rematch::before {
  content: "";
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  box-sizing: border-box;
  border: 2px solid color-mix(in srgb, var(--result-accent) 30%, transparent);
  border-top-color: var(--result-accent-bright);
  border-radius: 50%;
  box-shadow: 0 0 8px var(--result-glow);
  animation: result-rematch-progress 720ms linear infinite;
}

html body:not(.maintenance-mode) #resultOverlay[data-rematch-pending="true"] .result-conclusion-actions > button:disabled {
  cursor: wait !important;
  pointer-events: none;
}

html body:not(.maintenance-mode) #resultOverlay[data-rematch-pending="true"] .result-return-lobby {
  opacity: .46;
  filter: grayscale(.4);
}

@keyframes result-rematch-progress {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  html body:not(.maintenance-mode) #resultOverlay[data-rematch-pending="true"] .result-rematch::before {
    border-color: var(--result-accent-bright);
    animation: none;
  }
}

@media (forced-colors: active) {
  html body:not(.maintenance-mode) #resultOverlay[data-rematch-pending="true"] .result-rematch::before {
    border-color: GrayText;
    border-top-color: Highlight;
    box-shadow: none;
  }
}