html, body { margin: 0; height: 100%; overflow: hidden; background: #9fd3f5; font-family: system-ui, sans-serif; }
#scena { display: block; width: 100vw; height: 100vh; }
#hud { position: fixed; top: 12px; left: 12px; padding: 6px 12px; border-radius: 8px; background: rgba(255, 255, 255, .85); font-size: 18px; }
#vittoria {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 6vw;
  font-weight: bold;
  color: white;
  text-shadow: 2px 2px 4px black;
  pointer-events: none;
  opacity: 0;
  z-index: 10;
  transition: opacity 0.5s ease-in-out;
}
#vittoria.visible {
  opacity: 1;
}
#aiuto { position: fixed; bottom: 8px; width: 100%; text-align: center; margin: 0; color: #234; font-size: 14px; }