/* ============================================================================
   Nexian Global — Desktop "performance lite" mode   (2026-07-19)
   ----------------------------------------------------------------------------
   WHY THIS FILE EXISTS
   mobile-lite.css already neutralises the GPU-heavy atmosphere on touch /
   small screens — but a LOW-END DESKTOP (integrated GPU, old laptop) hits the
   exact same compositor wall and got zero relief, because the mobile file is
   gated on a media query desktops never match.

   This file applies the same neutralisations whenever <html> carries the
   `perf-lite` class. The class is set by an inline script in page-shell.phtml:
     • user preference  localStorage['nexian_fx'] = 'lite' | 'full'
     • else AUTO: prefers-reduced-motion, low deviceMemory/cores, or a failed
       FPS probe on a previous visit (localStorage['nexian_fx_auto'])
   The footer "Effects" link toggles the preference (and reloads).

   LOAD ORDER: loaded from page-shell.phtml <head> right after mobile-lite.css,
   before page stylesheets — hence the !important overrides, same as mobile-lite.
   ============================================================================ */

/* 1 ── Kill every backdrop-filter (the biggest per-frame rasterisation cost). */
html.perf-lite *,
html.perf-lite *::before,
html.perf-lite *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 2 ── De-blur + freeze the fixed page background (ken-burns + blur(2px)). */
html.perf-lite .landing-atmos-bg,
html.perf-lite .atmosphere-bg {
    filter: none !important;
    animation: none !important;
}

/* 3 ── Drop the giant animated blur layers and the 60 ember particles. */
html.perf-lite .smoke-cloud,
html.perf-lite .ground-fog,
html.perf-lite .war-glow,
html.perf-lite .hero-embers,
html.perf-lite .ember,
html.perf-lite .hero-ember {
    display: none !important;
}

/* 4 ── Static scroll-dim instead of the per-frame backdrop-filter writer
   (the JS writer early-returns when window.__nexianFxLite is true). */
html.perf-lite .landing-atmos-dim {
    background-color: rgba(2, 6, 23, 0.5) !important;
}

/* 5 ── Stop the always-running decorative loops that animate paint-heavy
   properties (blurred glows, background-position shimmers). One-shot and
   tiny status-dot pulses stay — they're cheap and carry meaning. */
html.perf-lite .start-journey::before,
html.perf-lite .start-journey::after,
html.perf-lite .legacy-box::before,
html.perf-lite .hero-stats-pill::before,
html.perf-lite .hero-countdown-pill.is-large {
    animation: none !important;
}

/* 6 ── Slightly more opaque panels where the blur used to carry legibility. */
html.perf-lite .hero-countdown-pill {
    background: rgba(30, 18, 8, 0.85) !important;
}
html.perf-lite .glass-soft {
    background: rgba(10, 7, 3, 0.85) !important;
}