/* Fondos ambientales por página — identidad Realm (acero midnight + cyan).
   Regenerados 2026-09-29 con el mismo arte del logo/banner.
   Cada página del juego tiene su propio fondo; el velo oscuro garantiza legibilidad.
   PC: fondo fijo. Móvil (<=900px): scroll normal. */

body.ui-reborn.page-reino,
body.ui-reborn.page-reino .game-shell,
body.ui-reborn.page-reino .game-stage,
body.ui-reborn.page-heroes,
body.ui-reborn.page-heroes .game-shell,
body.ui-reborn.page-heroes .game-stage,
body.ui-reborn.page-inventario,
body.ui-reborn.page-inventario .game-shell,
body.ui-reborn.page-inventario .game-stage,
body.ui-reborn.page-tienda,
body.ui-reborn.page-tienda .game-shell,
body.ui-reborn.page-tienda .game-stage,
body.ui-reborn.page-mercado,
body.ui-reborn.page-mercado .game-shell,
body.ui-reborn.page-mercado .game-stage,
body.ui-reborn.page-habilidades,
body.ui-reborn.page-habilidades .game-shell,
body.ui-reborn.page-habilidades .game-stage,
body.ui-reborn.page-edificios,
body.ui-reborn.page-edificios .game-shell,
body.ui-reborn.page-edificios .game-stage,
body.ui-reborn.page-pvp,
body.ui-reborn.page-pvp .game-shell,
body.ui-reborn.page-pvp .game-stage,
body.ui-reborn.page-grupos,
body.ui-reborn.page-grupos .game-shell,
body.ui-reborn.page-grupos .game-stage,
body.ui-reborn.page-mascotas,
body.ui-reborn.page-mascotas .game-shell,
body.ui-reborn.page-mascotas .game-stage,
body.ui-reborn.page-misiones,
body.ui-reborn.page-misiones .game-shell,
body.ui-reborn.page-misiones .game-stage,
body.ui-reborn.page-mensajes,
body.ui-reborn.page-mensajes .game-shell,
body.ui-reborn.page-mensajes .game-stage,
body.ui-reborn.page-ranking,
body.ui-reborn.page-ranking .game-shell,
body.ui-reborn.page-ranking .game-stage,
body.ui-reborn.page-perfil,
body.ui-reborn.page-perfil .game-shell,
body.ui-reborn.page-perfil .game-stage,
body.ui-reborn.page-mazmorras,
body.ui-reborn.page-mazmorras .game-shell,
body.ui-reborn.page-mazmorras .game-stage,
body.ui-reborn.page-arena,
body.ui-reborn.page-arena .game-shell,
body.ui-reborn.page-arena .game-stage,
body.ui-reborn.page-talentos,
body.ui-reborn.page-talentos .game-shell,
body.ui-reborn.page-talentos .game-stage {
  background-color: #050308 !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

body.ui-reborn.page-reino,
body.ui-reborn.page-reino .game-shell,
body.ui-reborn.page-reino .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/reino.webp?v=3') !important;
}
body.ui-reborn.page-heroes,
body.ui-reborn.page-heroes .game-shell,
body.ui-reborn.page-heroes .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/heroes.webp?v=3') !important;
}
body.ui-reborn.page-inventario,
body.ui-reborn.page-inventario .game-shell,
body.ui-reborn.page-inventario .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/inventario.webp?v=3') !important;
}
body.ui-reborn.page-tienda,
body.ui-reborn.page-tienda .game-shell,
body.ui-reborn.page-tienda .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/tienda.webp?v=3') !important;
}
body.ui-reborn.page-mercado,
body.ui-reborn.page-mercado .game-shell,
body.ui-reborn.page-mercado .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/mercado.webp?v=3') !important;
}
body.ui-reborn.page-habilidades,
body.ui-reborn.page-habilidades .game-shell,
body.ui-reborn.page-habilidades .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/habilidades.webp?v=3') !important;
}
body.ui-reborn.page-edificios,
body.ui-reborn.page-edificios .game-shell,
body.ui-reborn.page-edificios .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/edificios.webp?v=3') !important;
}
body.ui-reborn.page-pvp,
body.ui-reborn.page-pvp .game-shell,
body.ui-reborn.page-pvp .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/pvp.webp?v=3') !important;
}
body.ui-reborn.page-grupos,
body.ui-reborn.page-grupos .game-shell,
body.ui-reborn.page-grupos .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/grupos.webp?v=3') !important;
}
body.ui-reborn.page-mascotas,
body.ui-reborn.page-mascotas .game-shell,
body.ui-reborn.page-mascotas .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/mascotas.webp?v=3') !important;
}
body.ui-reborn.page-misiones,
body.ui-reborn.page-misiones .game-shell,
body.ui-reborn.page-misiones .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/misiones.webp?v=3') !important;
}
body.ui-reborn.page-mensajes,
body.ui-reborn.page-mensajes .game-shell,
body.ui-reborn.page-mensajes .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/mensajes.webp?v=3') !important;
}
body.ui-reborn.page-ranking,
body.ui-reborn.page-ranking .game-shell,
body.ui-reborn.page-ranking .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/ranking.webp?v=3') !important;
}
body.ui-reborn.page-perfil,
body.ui-reborn.page-perfil .game-shell,
body.ui-reborn.page-perfil .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/perfil.webp?v=3') !important;
}
body.ui-reborn.page-mazmorras,
body.ui-reborn.page-mazmorras .game-shell,
body.ui-reborn.page-mazmorras .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/mazmorras.webp?v=3') !important;
}
body.ui-reborn.page-arena,
body.ui-reborn.page-arena .game-shell,
body.ui-reborn.page-arena .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/arena.webp?v=3') !important;
}
body.ui-reborn.page-talentos,
body.ui-reborn.page-talentos .game-shell,
body.ui-reborn.page-talentos .game-stage {
  background-image: linear-gradient(rgba(4,2,10,.60), rgba(4,2,10,.72)), url('../img/backgrounds/pages/talentos.webp?v=3') !important;
}

@media (max-width: 900px) {
  body.ui-reborn.page-reino,
  body.ui-reborn.page-reino .game-shell,
  body.ui-reborn.page-reino .game-stage,
  body.ui-reborn.page-heroes,
  body.ui-reborn.page-heroes .game-shell,
  body.ui-reborn.page-heroes .game-stage,
  body.ui-reborn.page-inventario,
  body.ui-reborn.page-inventario .game-shell,
  body.ui-reborn.page-inventario .game-stage,
  body.ui-reborn.page-tienda,
  body.ui-reborn.page-tienda .game-shell,
  body.ui-reborn.page-tienda .game-stage,
  body.ui-reborn.page-mercado,
  body.ui-reborn.page-mercado .game-shell,
  body.ui-reborn.page-mercado .game-stage,
  body.ui-reborn.page-habilidades,
  body.ui-reborn.page-habilidades .game-shell,
  body.ui-reborn.page-habilidades .game-stage,
  body.ui-reborn.page-edificios,
  body.ui-reborn.page-edificios .game-shell,
  body.ui-reborn.page-edificios .game-stage,
  body.ui-reborn.page-pvp,
  body.ui-reborn.page-pvp .game-shell,
  body.ui-reborn.page-pvp .game-stage,
  body.ui-reborn.page-grupos,
  body.ui-reborn.page-grupos .game-shell,
  body.ui-reborn.page-grupos .game-stage,
  body.ui-reborn.page-mascotas,
  body.ui-reborn.page-mascotas .game-shell,
  body.ui-reborn.page-mascotas .game-stage,
  body.ui-reborn.page-misiones,
  body.ui-reborn.page-misiones .game-shell,
  body.ui-reborn.page-misiones .game-stage,
  body.ui-reborn.page-mensajes,
  body.ui-reborn.page-mensajes .game-shell,
  body.ui-reborn.page-mensajes .game-stage,
  body.ui-reborn.page-ranking,
  body.ui-reborn.page-ranking .game-shell,
  body.ui-reborn.page-ranking .game-stage,
  body.ui-reborn.page-perfil,
  body.ui-reborn.page-perfil .game-shell,
  body.ui-reborn.page-perfil .game-stage,
  body.ui-reborn.page-mazmorras,
  body.ui-reborn.page-mazmorras .game-shell,
  body.ui-reborn.page-mazmorras .game-stage,
  body.ui-reborn.page-arena,
  body.ui-reborn.page-arena .game-shell,
  body.ui-reborn.page-arena .game-stage,
  body.ui-reborn.page-talentos,
  body.ui-reborn.page-talentos .game-shell,
  body.ui-reborn.page-talentos .game-stage {
    background-attachment: scroll !important;
  }
}