/* Лингора «lite» rendering 2026-10-01 — only under html.lite (Android app / Android WebView / low-end Android).
   Same look; removes what made old phones lag: ~300 always-running SVG animations (blink of every Лори,
   wardrobe thumbnails), backdrop blur over moving content, a fixed body background repainted on every scroll. */

/* fixed background → its own composited layer (identical picture, no repaint on scroll) */
html.lite body { background: transparent; background-attachment: scroll; }
html.lite body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(110% 55% at 0% -8%, var(--bg-glow-1), transparent 62%),
    radial-gradient(90% 50% at 108% 4%, var(--bg-glow-2), transparent 58%),
    radial-gradient(70% 40% at 50% 112%, rgba(168, 85, 247, .16), transparent 70%),
    var(--bg);
}

/* glass without live blur: a touch more opaque instead */
html.lite *, html.lite *::before, html.lite *::after { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.lite .topbar { background: color-mix(in srgb, var(--bg) 96%, transparent); }
html.lite .tabbar, html.lite .pay-dock { background: color-mix(in srgb, var(--surface) 98%, transparent); }
html.lite .sheet-backdrop { background: rgba(8, 6, 20, .7); }
html.lite .rf-hero, html.lite .rf-card { background-color: color-mix(in srgb, var(--surface) 92%, transparent); }

/* softer (cheaper) card shadows, same depth */
html.lite:not([data-theme="light"]) .card { box-shadow: 0 6px 16px rgba(12, 2, 28, .26), inset 0 1px 0 rgba(255, 255, 255, .05); }

/* blink: one JS-timed blink of a visible Лори instead of hundreds of permanent SVG animations */
html.lite .mascot svg ellipse, html.lite .mascot svg circle, html.lite .brand-mark svg ellipse, html.lite .brand-mark svg circle { animation: none; }
html.lite .fx-blink svg ellipse[rx="9"], html.lite .fx-blink svg circle[r="4.6"], html.lite .fx-blink svg circle[r="4.4"], html.lite .fx-blink svg circle[r="1.5"] {
  transform-box: view-box; transform-origin: 50px 43px; animation: fxBlinkOnce .28s ease-in-out;
}
@keyframes fxBlinkOnce { 0%, 100% { transform: scaleY(1); } 45%, 55% { transform: scaleY(.08); } }

/* wardrobe / shop thumbnails stay still; the big preview keeps moving */
html.lite .wd-grid *, html.lite .wd-item * { animation: none !important; }

/* nothing animates while scrolling, off-screen, or under a full-screen overlay */
html.lite .fx-off, html.lite .fx-off * { animation-play-state: paused !important; }
html.lite.fx-scrolling :is(svg, g, path, ellipse, circle, rect, .mascot, .offer, .num, .ic, .chip, .gm-tile-lori, .gm-ask-lori, .wd-friend, .rf-lori, .gx-status),
html.lite.fx-scrolling :is(.offer, .meter > i, .num, .skel, section.card)::after { animation-play-state: paused !important; }
html.lite body:has(> .wd, > .gm, > .ck, > .onb) #view * { animation-play-state: paused !important; }