/* =====================================================================
   ShotGram v100 — smoother scrolling (the "app is laggy" report).
   Nothing here changes how a screen looks at rest; it removes work the
   phone was doing over and over.
   ===================================================================== */

/* 1 · The ShotGram watermark on EVERY video drifted forever with a
   drop-shadow filter — a filtered layer moving over a playing video means
   the phone repaints that video every frame, for every video on screen.
   Now it sits still; slightly stronger opacity keeps it readable. */
.video-watermark img { animation: none !important; filter: none !important; opacity: .36; }

/* 2 · Name-row decorations that animated forever in every list. */
.streak-badge.on svg { animation: none !important; }
.sg-badge.tier-4::after { animation: none !important; }
.metal-badge.iridescent::after { animation: none !important; mix-blend-mode: normal !important; opacity: .28 !important; }
/* the profile header keeps its live flame (one element, one screen) */
.profile-name-line .streak-badge.on svg { animation: flameFlicker 1.6s ease-in-out infinite !important; }

/* 3 · While a finger is scrolling, every looping decoration pauses
   (js/sg-platform.js adds body.is-scrolling). Scrolling gets the full
   frame budget; animations resume the moment it stops. */
body.is-scrolling *,
body.is-scrolling *::before,
body.is-scrolling *::after { animation-play-state: paused !important; }

/* 4 · Posts far outside the screen are not laid out or painted until they
   come near (Safari 18+, Chrome). Older phones simply ignore this. */
.post-card { content-visibility: auto; contain-intrinsic-size: auto 640px; }