.robo-face-wrap {
  position: relative;
  /* Eliminăm height: 100vh care forța secțiunea să fie cât tot ecranul */
  width: 100%; 
  max-width: 500px; /* Poți mări această valoare dacă vrei capul mai mare implicit */
  aspect-ratio: 1 / 1; /* Forțează un pătrat perfect, eliminând spațiul pe verticală */
  margin: 0 auto; 
  background: transparent !important; /* Elimină fundalul negru */
  overflow: visible; /* Permite glow-ului să iasă puțin din cadru dacă e cazul */
}

.robo-face-canvas {
  width: 100%;
  height: 100%;
  display: block;
  background: transparent !important;
  touch-action: none;
}

.robo-face-hud {
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  opacity: 0.2;
  transition: opacity 0.3s ease;
  z-index: 10;
}

.robo-face-hud:hover {
  opacity: 1;
}