.elemento-tapete-middle {
  position: absolute;
  top: 37.6%;
  left: 64.03%;
  width: 13.6%;
  aspect-ratio: 1 / 1;
  transform: translate(-50%, -50%) rotate(197deg);
  z-index: 10;
  overflow: hidden;
  clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 50%);
}

.semicirculo-middle {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
    background: conic-gradient(
    from 270deg,
    green 0deg 30deg,   /* era black */
    blue 30deg 150deg,
    black 150deg 360deg /* era green */
    );
}

#haste-middle {
  position: absolute;
  width: 5%;
  height: 45%;
  top: -0.5%;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
  transform-origin: bottom center;
  background: linear-gradient(to bottom, #ff4d4d, #990000);
  border-radius: 8px;
  border: 2px solid #fff;
  box-shadow:
    0 0 4px rgba(255, 0, 0, 0.6),
    0 0 12px rgba(255, 0, 0, 0.2);
  cursor: grab;
  z-index: 9999;
  user-select: none;
  outline: none;
  transition: box-shadow 0.2s, transform 0.1s;
}

#haste-middle:hover {
  box-shadow:
    0 0 6px rgba(255, 255, 255, 0.8),
    0 0 16px rgba(255, 0, 0, 0.5);
}

#haste-middle.grabbing {
  cursor: grabbing;
  box-shadow:
    0 0 8px rgba(255, 255, 255, 0.9),
    0 0 20px rgba(255, 0, 0, 0.7);
}