.hud-weapon-display {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 78%;
  image-rendering: pixelated;
}

.hud-weapon-display::before,
.hud-weapon-display::after {
  content: none;
}

.hud-weapon-display.weapon-cone {
  background-image: url("./assets/pine_sprite.png");
}

.hud-weapon-display.weapon-log {
  background-image: url("./assets/log_sprite.png");
}

.hud-weapon-display.weapon-mushroom {
  background-image: url("./assets/mushroom_sprite.png");
}

.hud-icon-score,
.hud-icon-forest,
.hud-icon-log,
.hud-icon-mushroom,
.hud-icon-animal {
  background-repeat: no-repeat;
  background-position: center;
  image-rendering: pixelated;
}

.hud-icon-score::before,
.hud-icon-score::after,
.hud-icon-forest::before,
.hud-icon-forest::after,
.hud-icon-log::before,
.hud-icon-log::after,
.hud-icon-mushroom::before,
.hud-icon-mushroom::after,
.hud-icon-animal::before,
.hud-icon-animal::after {
  content: none;
}

.hud-icon-score {
  background-image: url("./assets/coin_sprite.png");
  background-size: 74%;
}

.hud-icon-forest {
  background-image: url("./assets/woods_sprite.png");
  background-size: 74%;
}

.hud-icon-log {
  background-image: url("./assets/log_sprite.png");
  background-size: 78%;
}

.hud-icon-mushroom {
  background-image: url("./assets/mushroom_sprite.png");
  background-size: 74%;
}

.hud-icon-animal {
  background-image: url("./assets/fox_sprite.png");
  background-size: 76%;
}

@media (max-width: 840px) {
  .hud-weapon-display,
  .hud-icon-score,
  .hud-icon-forest,
  .hud-icon-log {
    background-size: 74%;
  }

  .hud-icon-mushroom {
    background-size: 70%;
  }

  .hud-icon-animal {
    background-size: 72%;
  }
}