/* Exterior map layers exported from the MapLayers source artwork. */
.forest-floor,
.map-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 2400px;
  height: 1800px;
  pointer-events: none;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 2400px 1800px;
  image-rendering: pixelated;
}

.forest-floor {
  z-index: 1;
  background-image: url("../../assets/sprites/environment/map-layers/crickthicket/Grass/grass.png");
}


.forest-floor::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.72;
  background-image: url("../../assets/sprites/environment/map-layers/crickthicket/Grass/grasscover1.png");
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 64px 64px;
  image-rendering: pixelated;
  animation: grass-sway 900ms steps(1, end) infinite;
}

@keyframes grass-sway {
  0% { background-image: url("../../assets/sprites/environment/map-layers/crickthicket/Grass/grasscover1.png"); }
  33% { background-image: url("../../assets/sprites/environment/map-layers/crickthicket/Grass/grasscover2.png"); }
  66% { background-image: url("../../assets/sprites/environment/map-layers/crickthicket/Grass/grasscover3.png"); }
}

.map-water {
  z-index: 2;
  background-image: url("../../assets/sprites/environment/map-layers/crickthicket/Water/water.png");
  animation: water-current 1200ms steps(1, end) infinite;
}

.flight-animation-active .forest-floor::after,
.flight-animation-active .map-water {
  animation-play-state: paused;
}

@keyframes water-current {
  0% { background-image: url("../../assets/sprites/environment/map-layers/crickthicket/Water/water.png"); }
  33% { background-image: url("../../assets/sprites/environment/map-layers/crickthicket/Water/water1.png"); }
  66% { background-image: url("../../assets/sprites/environment/map-layers/crickthicket/Water/water2.png"); }
  100% { background-image: url("../../assets/sprites/environment/map-layers/crickthicket/Water/water3.png"); }
}

.map-sand {
  z-index: 3;
  background-image: url("../../assets/sprites/environment/map-layers/crickthicket/sand.png");
}


.world .player:not(.on-sand):not(.is-flying):not(.is-taking-off):not(.is-landing):not(.is-moving) .pixel-bird {
  left: 0;
  top: 0;
  width: 64px;
  height: 64px;
  background-image: url("../../assets/sprites/environment/map-layers/crickthicket/Grass/littlewing-grass.png");
  animation: none;
}

.tree {
  width: 64px;
  height: 96px;
  background: url("../../assets/sprites/environment/trees/tree-small.png") center bottom / contain no-repeat;
  box-shadow: none;
  image-rendering: pixelated;
}
.map-building {
  position: absolute;
  pointer-events: none;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  image-rendering: pixelated;
  z-index: 6;
}

.lab-zero-building {
  left: 1804px;
  top: 517px;
  width: 480px;
  height: 340px;
  background-image: url("../../assets/sprites/environment/map-layers/crickthicket/Transitions/LabZerov2.png");
}

.map-sign {
  position: absolute;
  pointer-events: none;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  image-rendering: pixelated;
  z-index: 6;
}

.forest-sign {
  left: 2240px;
  top: 170px;
  width: 40px;
  height: 100px;
  background-image: url("../../assets/sprites/environment/map-layers/crickthicket/Transitions/forestsign.png");
}