/* Tema visual independente do mapa mundial.
   A textura do mapa mundial fica sempre rodada 180 graus de forma fixa. */
.world-space {
  background-image: linear-gradient(rgba(30, 54, 15, .08), rgba(30, 54, 15, .08)) !important;
  background-color: #75973e;
}

.world-background-tiles {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  transform: rotate(180deg) !important;
  transform-origin: center center;
}

.world-background-tile {
  position: absolute;
  display: block;
  width: 6000px;
  height: 4000px;
  background-image: url('../assets/mapa_mundial_verde.jpg');
  background-size: 6000px 4000px;
  background-position: center;
  background-repeat: no-repeat;
  transform-origin: center;
  backface-visibility: hidden;
}

.world-background-tile.tile-nw { left: 0; top: 0; }
.world-background-tile.tile-ne { left: 6000px; top: 0; transform: scaleX(-1); }
.world-background-tile.tile-sw { left: 0; top: 4000px; transform: scaleY(-1); }
.world-background-tile.tile-se { left: 6000px; top: 4000px; transform: scale(-1, -1); }

.world-space::before {
  opacity: .045;
  background-size: 600px 400px;
}

.world-space::after {
  box-shadow: inset 0 0 150px rgba(26, 48, 14, .38);
}