@font-face {
  font-family: "Bilderberg";
  src: url("assets/font/bilderberg.otf") format("opentype");
  font-display: block;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  background: #000;           /* bande nere (pillarbox/letterbox) */
  overflow: hidden;
  touch-action: none;          /* niente scroll/zoom su mobile */
  -webkit-user-select: none;
  user-select: none;
}

/* Palco a risoluzione fissa 720x1280, scalato via JS mantenendo le proporzioni */
#stage {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 720px;
  height: 1280px;
  transform-origin: center center;
  overflow: hidden;
  background: #000;
}

.vid, #game {
  position: absolute;
  left: 0;
  top: 0;
  width: 720px;
  height: 1280px;
}

/* i video riempiono il palco senza distorcere */
.vid {
  object-fit: cover;
  opacity: 0;
  background: #000;
}

#game {
  z-index: 3;                  /* il canvas sta sopra ai video */
}