* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  width: 100vw;
  height: 100vh;
  overflow: hidden;

  background: url("../assets/fundo-saida.png") center / cover no-repeat;
  background-color: black;
  position: relative;

  animation: respirarFundo 12s ease-in-out infinite;
}

/* escurecimento geral */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  pointer-events: none;
  z-index: 1;
}

/* ================== BOCA ================== */
/* posição central conforme a imagem enviada */

#boca {
  position: fixed;
  width: 260px;

  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);

  z-index: 3;
 filter: brightness(0.65);
  pointer-events: none;
}

/* ================== BONECO ================== */
/* posição antiga da boca */

#boneco {
  position: fixed;
  width: 80px;

  right: 10%;
  bottom: 10%;

  z-index: 4;
  cursor: grab;

  /* totalmente preto, mas visível */
  filter: brightness(0) drop-shadow(0 0 8px rgba(120, 0, 0, 0.6));
}

@keyframes respirarFundo {
  0% { filter: brightness(0.8); }
  50% { filter: brightness(1.1); }
  100% { filter: brightness(0.8); }
}