/* ═══════════════════════════════════════════════════════════════════════ * EARTH-LITE — paint reductions applied ONLY on the lite device tier * ───────────────────────────────────────────────────────────────────── * Every rule here is scoped under `.er-lite` (stamped on by * js/earth-lite.js on iPad / low-core / save-data devices). NONE of these * match on the full tier, so desktop is byte-for-byte unchanged. * * What it kills: live `backdrop-filter` glass that sits over MOVING content * (the Leaflet map, the scrolling alert ticker). A blur whose backdrop * changes every frame must re-rasterize every frame — the single biggest * continuous cost on iPad WebKit. We swap those specific surfaces for a * solid translucent fill. No data is removed, no layout changes — same * information, cheaper paint. * ═══════════════════════════════════════════════════════════════════════ */ /* Ticker frame — glass over the live map, with a marquee scrolling inside it. The worst offender: moving backdrop + moving foreground. */ .er-lite .er-ticker { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: rgba(18, 19, 27, 0.94); } /* Map stat chips — a SECOND backdrop-filter (blur 8px) layered directly over the moving Leaflet canvas. */ .er-lite .er-map-stats, .er-lite .er-map-stats .er-briefing-stat, .er-lite .er-map-stats .er-briefing-stat--readonly { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .er-lite .er-map-stats .er-briefing-stat { background: rgba(14, 16, 22, 0.9); } /* The 5 briefing stat chips breathe on an infinite keyframe. On lite the number is the point, not the pulse — hold them still. */ .er-lite .er-briefing-stat { animation: none !important; } /* Event cards live in the busy, scrollable active-events feed — flatten the liquid-glass blur there to a solid fill. */ .er-lite .er-event-card, .er-lite .er-event-card.lg-card { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: rgba(16, 18, 25, 0.92); } /* The marquee animation stays (it IS the alert rail) — but drop the persistent compositor-layer hint that was held on the track full-time. */ .er-lite .er-ticker-track { will-change: auto; }