/* Blooxe – styles complémentaires à Tailwind */

:root {
  color-scheme: dark;
}

html, body {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* Cache les vues non actives */
.view {
  animation: viewIn .25s ease-out;
}
@keyframes viewIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Bouton "lever d'arcade" : effet hover/active */
.game-btn:active { transform: scale(.98); }

/* Toast visible */
#toast.show { opacity: 1; }

/* Caméra + canvas : occupent l'écran sans débordement */
#view-game video, #view-game canvas {
  width: 100vw;
  height: 100dvh;
}

/* Désactive la sélection pendant le jeu */
#view-game * { user-select: none; }