/* Illustrated environments for each game section. All copy and controls remain HTML. */
body[data-rekt-screen="ficha"],body[data-rekt-screen="habilidades"]{
  --rekt-scene:url('../assets/scene-backgrounds/equipo.webp');
}
body[data-rekt-screen="combate"]{
}
body[data-rekt-screen="incursiones"],body[data-rekt-screen="forge-report"]{
}
body[data-rekt-screen="forja"]{
}
body[data-rekt-screen="arsenal"]{
  --rekt-scene:url('../assets/scene-backgrounds/inventario.webp');
}
body[data-rekt-screen="mercado"],body[data-rekt-screen="tienda"]{
  --rekt-scene:url('../assets/scene-backgrounds/mercado.webp');
}
body[data-rekt-screen="ranking"]{
  --rekt-scene:url('../assets/scene-backgrounds/ranking.webp');
}
body[data-rekt-screen="gremio"]{
  --rekt-scene:url('../assets/scene-backgrounds/gremio.webp');
}
body[data-rekt-screen="ajustes"]{
  --rekt-scene:url('../assets/scene-backgrounds/ajustes.webp');
}
body.fx-world-panel[data-rekt-screen="ficha"],
body.fx-world-panel[data-rekt-screen="habilidades"],
body.fx-world-panel[data-rekt-screen="arsenal"],
body.fx-world-panel[data-rekt-screen="mercado"],
body.fx-world-panel[data-rekt-screen="tienda"],
body.fx-world-panel[data-rekt-screen="ranking"],
body.fx-world-panel[data-rekt-screen="gremio"],
body.fx-world-panel[data-rekt-screen="ajustes"]{
  background:#030916 var(--rekt-scene) center/cover fixed no-repeat!important;
}
body.fx-world-panel[data-rekt-screen="ficha"] #principal,
body.fx-world-panel[data-rekt-screen="habilidades"] #principal,
body.fx-world-panel[data-rekt-screen="arsenal"] #principal,
body.fx-world-panel[data-rekt-screen="mercado"] #principal,
body.fx-world-panel[data-rekt-screen="tienda"] #principal,
body.fx-world-panel[data-rekt-screen="ranking"] #principal,
body.fx-world-panel[data-rekt-screen="gremio"] #principal,
body.fx-world-panel[data-rekt-screen="ajustes"] #principal{
  background:linear-gradient(125deg,#061321b5,#06101abd),var(--rekt-scene) center/cover no-repeat!important;
}
/* Restrained screen-specific illustrated chrome on major content containers. */
body[data-rekt-screen="ficha"] #principal .panel,
body[data-rekt-screen="habilidades"] #principal .panel,
body[data-rekt-screen="arsenal"] #principal .panel,
body[data-rekt-screen="mercado"] #principal .panel,
body[data-rekt-screen="tienda"] #principal .panel,
body[data-rekt-screen="ranking"] #principal .panel,
body[data-rekt-screen="gremio"] #principal .panel,
body[data-rekt-screen="ajustes"] #principal .panel{
  background-color:#081321ed!important;
}
@media(max-width:700px){
  body.fx-world-panel #principal{background-position:center center!important}
}