/* =========================================================
   PERF — dernière couche (chargée en dernier)
   ========================================================= */

/* une couche graphique par section = beaucoup de mémoire GPU sur téléphone : retiré */
#v-home>.sec{will-change:auto}

/* bordure du hero : l'angle animé (@property) repeignait le hero à chaque image */
.hero:before{animation:none;--ang:200deg}

/* le navigateur saute le rendu des cartes loin de l'écran */
#svcs .svc.sr{content-visibility:auto;contain-intrinsic-size:auto 340px}
/* idem pour les sections de l'accueil et les cartes de la Salle : revenir sur l'accueil
   ne redessine plus toute la page (pic de ≈ 280 ms mesuré au changement d'onglet) */
#v-home>.sec,#v-jeux .sj-carte{content-visibility:auto;contain-intrinsic-size:auto 520px}

/* écran d'ouverture fini (caché, pas retiré) : ses rayons et son halo tournaient encore en boucle */
#splash.off,#splash.off *{animation:none!important}

/* ---------- mode léger (téléphones modestes, choisi automatiquement) ----------
   on coupe le décor de fond, on garde les animations qui comptent */
body.lite #rain,body.lite .torch,body.lite .grain,body.lite .glow,body.lite .aurora,
body.lite .hrays,body.lite .sheen,body.lite .orbit-ring,body.lite .marquee.x2,
body.lite .crown-float,body.lite .spot{display:none}
body.lite:before{content:none}
body.lite .logo-wrap:before,body.lite .logo-wrap:after,body.lite .cat .ic,body.lite .hero h1:after,
body.lite .btn.g:after,body.lite .nav .crown-btn:after,body.lite .sr-m .big,body.lite .demo-btn{animation:none}
body.lite .rv{transform:translate3d(0,30px,0);transition-duration:.6s}
body.lite .pfi:before{display:none}