/* V1.66Beta: status language for runtime auto-quality adaptation. */
html body:not(.maintenance-mode) #vfxQualityToggle.vfx-quality-toggle[data-vfx-preference="auto"][data-vfx-auto-adjusted="true"] {
  --vfx-control-rgb: 225, 159, 54;
  box-shadow:
    0 7px 18px rgba(14, 32, 36, 0.24),
    0 0 0 1px rgba(255, 255, 255, 0.68) inset,
    0 0 16px rgba(var(--vfx-control-rgb), 0.26) !important;
}

html body:not(.maintenance-mode) #vfxQualityToggle.vfx-quality-toggle[data-vfx-preference="auto"][data-vfx-auto-adjusted="true"] .vfx-quality-code::after {
  content: "↓" !important;
  display: inline-block !important;
  margin-left: 1px !important;
  color: rgb(160, 91, 18) !important;
  -webkit-text-fill-color: rgb(160, 91, 18) !important;
  font-size: 0.92em !important;
  line-height: 1 !important;
  transform: translateY(-0.5px) !important;
}

html body[data-vfx-auto-adjusted="true"]:not(.maintenance-mode) #settingsToggle.settings-toggle {
  box-shadow:
    0 8px 20px rgba(11, 29, 33, 0.24),
    0 0 0 1px rgba(255, 255, 255, 0.64) inset,
    0 0 14px rgba(224, 158, 53, 0.17) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body:not(.maintenance-mode) #vfxQualityToggle.vfx-quality-toggle[data-vfx-auto-adjusted="true"] .vfx-quality-code::after {
    animation: none !important;
    transition: none !important;
  }
}