.m2-wrap{
  position:absolute;
  inset:0;
  pointer-events:none;
}

/* ====== POSIÇÕES (AJUSTE FINO AQUI) ======
   Tudo em % para casar com o seu padrão responsivo.
*/
#m2-patio{
  position:absolute;
  top: 76.0%;
  left: 40.3%;
  width: 10.3%;
  height: 22.4%;
}

#m2-rampa{
  position:absolute;
  top: 77.0%;
  left: 25%;
  width: 4.6%;
  height: 23.0%;
  z-index: 2; /* Fica acima dos brancos (1) e abaixo dos entulhos marrons (3) */
}

.m3-sensor {
  position: absolute;
  width: 3%;
  height: 6.5%;
  background-color: white;
  pointer-events: none;
  z-index: 1; /* z-index reduzido para a rampa cobri-los */
}
#m3-sensor-1 { top: 76.0%; left: 37.2%; }
#m3-sensor-2 { top: 84%; left: 37.2%; }
#m3-sensor-3 { top: 92.0%; left: 37.2%; }

#m2-entulho-1{ top: 76.0%; left: 37.2%; width: 3%; height: 6.5%; position:absolute; }
#m2-entulho-2{ top: 84%; left: 37.2%; width: 3%; height: 6.5%; position:absolute; }
#m2-entulho-3{ top: 92.0%; left: 37.2%; width: 3%; height: 6.5%; position:absolute; }

#m2-robo{
  position:absolute;
  top: 86.0%;
  left: 19.0%;
}

/* ====== ESTILO VISUAL ====== */
.m2-patio{
  background: rgb(119, 119, 119);
  border: 0.22vw solid rgb(119, 119, 119);
  box-sizing: border-box;
  box-shadow: 0 0 1.0vw rgba(255,255,255,0.25);
  pointer-events:none;
}

.m2-peca{
  pointer-events:auto;
  user-select:none;
  touch-action:none;
  cursor: grab;
  filter: drop-shadow(0 0.35vw 0.35vw rgba(0,0,0,0.35));
}
.m2-peca:active{ cursor: grabbing; }

.m2-rampa{
  background: rgba(80, 88, 84, 0.75);
  border: 0.22vw solid rgba(0,0,0,0.35);
  box-sizing: border-box;
}
.m2-rampa.m2-snap-ok{
  outline: 0.22vw solid rgba(0,255,0,0.85);
}

.m2-entulho{
  background: rgba(120, 70, 35, 0.85);
  border: 0.20vw solid rgba(0,0,0,0.35);
  box-sizing: border-box;
  z-index: 3;
}

.m2-robo{
  pointer-events:auto;
  cursor: grab;
  user-select:none;
  touch-action:none;

  font-size: 2.2vw; /* base */
  transform-origin: 50% 80%;
  filter: drop-shadow(0 0.35vw 0.35vw rgba(0,0,0,0.35));
}
.m2-robo:active{ cursor: grabbing; }

.m2-hud{
  position:absolute;
  top: 66%;
  left: 8%;
  background: rgba(0,0,0,0.55);
  color: rgba(255,255,255,0.92);
  font-size: 0.95vw;
  padding: 0.35vw 0.7vw;
  border-radius: 0.9vw;
  outline: 0.16vw solid rgba(255,255,255,0.20);
  pointer-events:none;
}