.missao-incendio {
  position: absolute;
  top: 65%;
  left: 63.5%;
  width: 25%;
  height: 50%;
  z-index: 5;
}

.bloco-fogo {
  position: absolute;
  top: 30%;
  left: 30%;
  width: 40%;
  height: 40%;
  background-color: #ffcccc;
  border: 2px solid red;
  border-radius: 10px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5em;
  transition: opacity 0.3s ease;
}

#emojis-fogo {
  transition: opacity 0.3s ease;
}

.bloco-agua {
  position: absolute;
  width: 14%;
  height: 14%;
  background-color: #3498db;
  border: 2px solid #1f618d;
  border-radius: 6px;
  z-index: 10;
  cursor: grab;
}

/* Mantém a responsividade e evita efeitos visuais indesejados */
.bloco-agua:active,
.bloco-agua:hover {
  transform: none;
}

#agua-1 {
  top: -50%;
  left: 121%;
}

#agua-2 {
  top: -114%;
  left: 118.5%;
}