/* ===== Missão 6 ===== */
.m6-wrap{
  position:absolute;
  inset:0;
  pointer-events:none; /* só a peça recebe mouse */
}

/* ALVO (área verde) - AJUSTE FINO AQUI */
#m6-alvo{
  position:absolute;
  top: 22.1%;
  left: 89.1%;
  width: 6%;
  height: 7%;

  background: rgba(15, 58, 15, 0.712);
  outline: 0.22vw solid rgb(20, 88, 20);
  transform: rotate(-42deg);

  pointer-events:none;
  box-sizing:border-box;
}

/* Feedback visual do alvo (igual M5: total/parcial) */
#m6-alvo.m6-ok-total{
  background: rgba(0,255,0,0.5);
  outline-color: rgba(0,255,0,0.95);
}
#m6-alvo.m6-ok-parcial{
  background: rgba(255,255,0,0.5);
  outline-color: rgba(255,255,0,0.95);
}

/* CARRINHO - peça arrastável (um retângulo simples) */
#m6-carrinho{
  position:absolute;
  top: 50.0%;
  left: 77.2%;
  width: 2.6%;
  height: 2.8%;

  background: rgb(78, 8, 8);
  border-radius: 0.45vw;
  outline: 0.20vw solid rgba(255,255,255,0.35);
  box-sizing:border-box;

  pointer-events:auto;
  cursor: grab;
  user-select:none;
  touch-action:none;

  /* transforms FIXOS */
  --tx: 0px;
  --ty: 0px;

  transform:
    translate(var(--tx), var(--ty))
    rotate(-43deg)
    scale(1.5);

  transform-origin: 50% 50%;
  will-change: transform;

  box-shadow: 0 0.35vw 0.55vw rgba(0,0,0,0.35);
}
#m6-carrinho:active{ cursor: grabbing; }