/* V1.28Beta-offline-drum-visible1: stabilize battle opportunity choice cards. */
html body:not(.maintenance-mode) #opportunityDialog:not([hidden]) .opportunity-box {
  overflow: hidden !important;
}

html body:not(.maintenance-mode) #opportunityDialog:not([hidden]) #opportunityOptions {
  overflow: hidden !important;
  scrollbar-width: none !important;
  overscroll-behavior: contain !important;
}

html body:not(.maintenance-mode) #opportunityDialog:not([hidden]) #opportunityOptions::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

html body:not(.maintenance-mode) #opportunityDialog:not([hidden]) #opportunityOptions .opportunity-card[data-choice-card="true"],
html body:not(.maintenance-mode) #opportunityDialog:not([hidden]) #opportunityOptions .opportunity-card[data-choice-card="true"]:hover,
html body:not(.maintenance-mode) #opportunityDialog:not([hidden]) #opportunityOptions .opportunity-card[data-choice-card="true"]:focus-visible,
html body:not(.maintenance-mode) #opportunityDialog:not([hidden]) #opportunityOptions .opportunity-card[data-choice-card="true"].card-vfx-hover,
html body:not(.maintenance-mode) #opportunityDialog:not([hidden]) #opportunityOptions .opportunity-card[data-choice-card="true"].card-vfx-press {
  transform: none !important;
  animation: none !important;
}

html body:not(.maintenance-mode) #opportunityDialog:not([hidden]) #opportunityOptions .opportunity-card[data-choice-card="true"].card-vfx-hover {
  filter: none !important;
}