/* Low-perf-tier degradations. Rules ONLY target [data-perf-tier="low"] — mid/high tiers have zero rules here, guaranteeing visual parity with the stock experience. The tier is stamped on by the inline probe in global_header.html (override with ?perfTier=low for testing). */ /* Skeleton shimmer: infinite background-position animation, costly on Mali-class GPUs. Static placeholder instead. */ [data-perf-tier="low"] .vxs-shimmer, [data-perf-tier="low"] [class*="skeleton"] { animation: none !important; } /* Marquee titles animate text-indent (a layout property) forever. The JS scanner already skips on low tier; this is the backstop. */ [data-perf-tier="low"] .vxm-marquee { animation: none !important; text-indent: 0 !important; } /* Desktop-style hover expand panels — pointless cost on touch hardware. */ [data-perf-tier="low"] .hoverOnVideo .cardBg, [data-perf-tier="low"] .vxc-panel { animation: none !important; transition: none !important; } /* Blanket: cut transition/animation durations so any remaining effect resolves instantly instead of tweening on a struggling main thread. */ [data-perf-tier="low"] * { transition-duration: 0.01s !important; animation-duration: 0.01s !important; } [data-perf-tier="low"] .profile-spinner, [data-perf-tier="low"] .spinner-border { /* keep progress spinners alive — they signal work is happening */ animation-duration: 0.8s !important; }