/* Obby Lab · fondo ilustrado de la entrada, el registro y el portal (escena generada con Kie.ai; ver BRAND.md § 8).
   Va en una capa fija detrás de todo porque iPhone ignora el fondo «fixed». Mientras llega la imagen se ve el color de --fondo. */
:root { --fondo-img: url(/brand/fondos/entrada-dia.webp); --fondo-img-movil: url(/brand/fondos/entrada-dia-movil.webp); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --fondo-img: url(/brand/fondos/entrada-noche.webp); --fondo-img-movil: url(/brand/fondos/entrada-noche-movil.webp); }
}
:root[data-theme="dark"] { --fondo-img: url(/brand/fondos/entrada-noche.webp); --fondo-img-movil: url(/brand/fondos/entrada-noche-movil.webp); }

body::before { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: var(--fondo-img) center bottom / cover no-repeat; }
@media (max-aspect-ratio: 4/5) { body::before { background-image: var(--fondo-img-movil); background-position: center; } }
@media print { body::before { display: none; } }