/* Bandeau en haut de page - Système centralisé */
/* Ce bandeau est affiché sur toutes les pages (world.html, index.html) */
/* Il est positionné en dehors de tous les containers de jeu */

.top-banner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1cm;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10001 !important;
  font-family: Calibri, Arial, sans-serif;
  font-size: 11px;
  text-align: center;
  padding: 0 20px;
  box-sizing: border-box;
  pointer-events: none; /* Ne pas intercepter les clics */
  /* S'assurer que le bandeau est toujours en dehors du cadre du jeu */
  transform: translateZ(0); /* Force la création d'un nouveau contexte de stacking */
}

/* Espace pour le bandeau sur le body */
/* Note: world.html surcharge ce padding avec padding-top: 0 car les app-view sont en position absolute */
body {
  padding-top: 1cm;
}

/* S'assurer que les containers de jeu ne débordent pas sur le bandeau */
#world-container,
#root,
iso-view {
  /* Le padding-top du body gère l'espace pour le bandeau */
  /* Ces éléments ne doivent pas avoir de position: fixed qui pourrait les superposer */
}