/* ========================================================================= LanorTrad — Mode léger (fluidité sur appareils peu puissants). Activé quand (posé par js/perf.js). On coupe les effets les plus coûteux pour le GPU/compositeur, qui font ramer les PC modestes, tout en gardant une identité visuelle propre (dégradés statiques). Sur PC performant (data-perf="high"), rien de tout ceci ne s'applique. ========================================================================= */ /* 1) Le pire pour le compositeur : les grands flous animés + le grain en mix-blend + les braises. On les retire ; l'aurora (dégradés radiaux de .bg-fx) suffit à garder l'ambiance. */ html[data-perf="lite"] .bg-blob, html[data-perf="lite"] .bg-grain, html[data-perf="lite"] .lt-embers { display: none !important; } /* 2) backdrop-filter : recalcule un flou de l'arrière-plan à chaque frame (barres collantes, cartes, boutons vitrés…). C'est LE tueur de scroll. On le supprime partout ; les surfaces restent lisibles (fonds translucides sur un fond quasi uni une fois les blobs coupés). */ html[data-perf="lite"] * { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; /* Trop de couches de compositing (will-change) = pression mémoire inutile sur les machines modestes. */ will-change: auto !important; } /* 3) Autres flous décoratifs coûteux (grands rayons) : on réduit fortement le rayon (le coût d'un flou croît vite avec le rayon) et on coupe les animations de lueur qui tournent en boucle. */ html[data-perf="lite"] .deck-glow { animation: none !important; filter: blur(30px) !important; opacity: .35 !important; } html[data-perf="lite"] .spotlight .sl-bg { filter: blur(12px) saturate(120%) !important; } html[data-perf="lite"] .series-backdrop { filter: blur(14px) saturate(115%) !important; } /* 4) Halo derrière le bouton principal : petit mais présent sur chaque CTA. On le rend statique et discret. */ html[data-perf="lite"] .btn-primary::after { filter: blur(8px) !important; } /* 5) Renfort du trait dans le lecteur : une convolution 3x3 recalculée sur chaque planche affichée, et en mode Défilement il y en a des dizaines à l'écran. C'est le réglage le plus cher du lecteur — il saute en mode léger, et le texte du réglage le dit. */ html[data-perf="lite"] .rd .rd-track img, html[data-perf="lite"] .rd .rd-lens-stage img { filter: none !important; } /* Le marquee de genres et les skeletons de chargement restent : simples translations/gradients, peu coûteux et utiles visuellement. */