/* Stage 10D.3e — adaptive background rendering.
   Full machines keep the complete ambient effect. Reduced/static tiers only
   change the background; the application UI and live protocol state are untouched. */

html[data-fx-quality="probe"] .ambient,
html[data-fx-quality="reduced"] .ambient{
  animation:none!important;
  filter:none!important;
}

html[data-fx-quality="probe"] .ambient:before,
html[data-fx-quality="reduced"] .ambient:before{
  animation:none!important;
  filter:blur(2px) saturate(125%)!important;
}

html[data-fx-quality="probe"] .ambient-orb,
html[data-fx-quality="reduced"] .ambient-orb{
  filter:blur(72px) saturate(125%)!important;
  mix-blend-mode:normal!important;
  opacity:.34!important;
  will-change:transform;
}

html[data-fx-quality="probe"] .orb-a,
html[data-fx-quality="reduced"] .orb-a{animation:orbA 118s ease-in-out infinite alternate!important}
html[data-fx-quality="probe"] .orb-b,
html[data-fx-quality="reduced"] .orb-b{animation:orbB 142s ease-in-out infinite alternate!important}
html[data-fx-quality="probe"] .orb-c,
html[data-fx-quality="reduced"] .orb-c{display:none!important}
html[data-fx-quality="probe"] .orb-d,
html[data-fx-quality="reduced"] .orb-d{display:none!important}
html[data-fx-quality="probe"] .ambient-spectrum,
html[data-fx-quality="reduced"] .ambient-spectrum{display:none!important}
html[data-fx-quality="probe"] .ambient-sweep,
html[data-fx-quality="reduced"] .ambient-sweep{display:none!important}
html[data-fx-quality="probe"] .ambient-grid,
html[data-fx-quality="reduced"] .ambient-grid{animation:none!important;opacity:.4!important}

html[data-fx-quality="static"] .ambient{
  animation:none!important;
  filter:none!important;
  background:#050711!important;
}
html[data-fx-quality="static"] .ambient:before{
  animation:none!important;
  inset:-6%!important;
  filter:none!important;
  transform:none!important;
  background:
    radial-gradient(circle at 14% 16%,rgba(40,227,255,.12),transparent 31%),
    radial-gradient(circle at 86% 18%,rgba(139,75,255,.14),transparent 32%),
    radial-gradient(circle at 70% 80%,rgba(255,70,164,.10),transparent 31%),
    radial-gradient(circle at 18% 84%,rgba(255,176,82,.07),transparent 30%)!important;
}
html[data-fx-quality="static"] .ambient-orb,
html[data-fx-quality="static"] .ambient-spectrum,
html[data-fx-quality="static"] .ambient-sweep{display:none!important}
html[data-fx-quality="static"] .ambient-grid{animation:none!important;opacity:.28!important}

/* Users explicitly requesting less motion always get the cheapest background. */
@media(prefers-reduced-motion:reduce){
  .ambient,.ambient:before,.ambient-orb,.ambient-spectrum,.ambient-sweep,.ambient-grid{animation:none!important}
}