/* Le fond plein écran des pages de BzzBot (fond.js) : l'image du moment du jeu, fixe derrière tout, et par-dessus le
   calque des effets météo (brume, pluie, neige, éclairs : packages/meteo, mode effectsOnly). Chargé après meteo.css. */
#fond { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; background: #0b0b09; }
#fond .fond-image {
    position: absolute; inset: 0; background: center / cover no-repeat; opacity: 0; transition: opacity 2s ease;
}
#fond .fond-image.is-shown { opacity: 1; }
/* Le voile : assombrit l'image la nuit et par mauvais temps, et toujours un peu (les panneaux se lisent sur un paysage
   clair) ; son opacité vient de BzzBot (shade de GET /admin/fond). */
#fond .fond-shade { position: absolute; inset: 0; background: #070706; opacity: .15; transition: opacity 3s ease; }
/* Le calque des effets, AU-DESSUS des images : son paysage a un z-index négatif, qui sans contexte d'empilement le
   faisait passer sous l'image (pluie et éclairs dessinés, mais cachés). Transparent : le moteur pose d'ordinaire un
   fond sombre sous son paysage. */
#fond .fond-effects[data-weather-host] { position: absolute; inset: 0; z-index: 1; background: transparent; }
/* L'éclat d'un éclair (le moteur marque son paysage data-lightning pendant 650 ms) : tout l'écran s'illumine */
#fond .fond-effects .day-scenery[data-lightning]::before {
    content: ''; position: absolute; inset: 0; z-index: 10; background: rgba(214, 224, 255, .5);
    animation: fond-flash .65s ease-out forwards;
}
@keyframes fond-flash { 0% { opacity: 0; } 8% { opacity: 1; } 20% { opacity: .2; } 30% { opacity: .85; } 100% { opacity: 0; } }
#fond .fond-effects .day-scenery::after { display: none; }
@media (prefers-reduced-motion: reduce) { #fond .fond-image, #fond .fond-shade { transition: none; } }