/* build/dyno_eco_polish.css
 * Dial up the "light fluffy" feel of the economy dyno room — bright
 * sunny sky, happy scarecrow more present, fluffier clouds, less
 * darkening overlay. Loaded AFTER atmosphere.css.
 */

/* ---- Brighter, sunnier sky for eco ---- */
body.eco .bg-sky {
  background:
    radial-gradient(circle at 75% 12%, rgba(255,236,160,0.55) 0%, rgba(255,236,160,0) 38%),
    linear-gradient(180deg,
      #b6e4f7 0%,
      #cdf0f9 18%,
      #ddf5e8 45%,
      #b9da80 72%,
      #6f9b48 92%,
      #4a7434 100%);
}

/* ---- Soft sun glow in the upper-right ---- */
body.eco .bg-stage::before {
  content: '';
  position: absolute;
  top: 4%;
  right: 8%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle,
    rgba(255, 248, 200, 0.85) 0%,
    rgba(255, 230, 140, 0.50) 35%,
    rgba(255, 220, 120, 0.0)  72%);
  filter: blur(4px);
  pointer-events: none;
  animation: __eco_sun_glow 6s ease-in-out infinite alternate;
}
@keyframes __eco_sun_glow {
  from { opacity: 0.8; transform: scale(1); }
  to   { opacity: 1.0; transform: scale(1.05); }
}

/* ---- Happy scarecrow more visible ---- */
body.eco .bg-scarecrow {
  opacity: 0.75;
  filter: saturate(1.15) contrast(1.05) brightness(1.04);
}

/* ---- Lighter overlay so the bright sky reads ---- */
body.eco .bg-overlay {
  background: linear-gradient(180deg,
    rgba(255, 255, 255, 0.04) 0%,
    rgba(255, 255, 255, 0.00) 35%,
    rgba(0, 0, 0, 0.05) 70%,
    rgba(0, 0, 0, 0.12) 100%);
}

/* ---- Fluffier clouds (bigger, brighter) ---- */
body.eco .cloud {
  background: radial-gradient(ellipse,
    rgba(255, 255, 255, 1.0) 0%,
    rgba(255, 255, 255, 0.85) 30%,
    rgba(255, 255, 255, 0.45) 55%,
    rgba(255, 255, 255, 0.0) 80%);
  filter: blur(14px);
}

/* ---- Light cards / panels in the eco theme so the bright bg shows
        through nicely instead of a dark dyno room over a sunny sky ---- */
body.eco .dyno-prof,
body.eco .dyno-weather,
body.eco .dyno-left,
body.eco .dyno-right,
body.eco .dyno-bottom {
  background: rgba(252, 252, 248, 0.92) !important;
  color: #1a1a1a;
  border-color: rgba(0, 0, 0, 0.10) !important;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.08);
}
body.eco .dyno-prof-body .name,
body.eco .dyno-prof-body { color: #2a2a2a; }
body.eco .dyno-build .car { color: #1a1a1a; }
body.eco .dyno-build .eng { color: #555; }
body.eco .dyno-metrics .m-value { color: #1a1a1a; }
body.eco .dyno-metrics .m-label { color: #6b6b6b; }
body.eco .dyno-chart-area {
  background: rgba(255, 255, 255, 0.96);
}
body.eco .dyno-weather .w-item .v { color: #2a2a2a; }
body.eco .dyno-weather .w-item .k { color: #777; }
body.eco .dyno-status { color: #2a2a2a; }