body { padding: 0; margin: 0 }
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { position: fixed; width: 100%; height: 100% }
.unity-mobile #unity-fullscreen-container { width: 100%; height: 100% }
#unity-fullscreen-container { position: relative; }
#unity-canvas { position: absolute; width: 100%; height: 100%; background: #231F20 }
#unity-loading-container { position: absolute; width: 100%; height: 100%; backdrop-filter: blur(5px); display: none; }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#unity-logo { width: 154px; height: 130px; background: url('unity-logo-dark.png') no-repeat center }
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-logo-title-footer { float:left; width: 102px; height: 38px; background: url('unity-logo-title-footer.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { cursor:pointer; float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }

/* --- Chillfus : jouer au doigt --- */
body.foire-mobile { overflow: hidden; overscroll-behavior: none; touch-action: none;
  -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; background: #2e2418 }
.foire-voile { position: fixed; inset: 0; z-index: 10; display: none; align-items: center; justify-content: center;
  flex-direction: column; gap: 18px; background: rgba(36, 26, 14, 0.94); color: #f0c040; text-align: center;
  font: bold 22px/1.35 "Segoe UI", Tahoma, sans-serif; padding: 24px }
.foire-voile small { color: #e8dec0; font-weight: normal; font-size: 16px }
.foire-voile .telephone { width: 54px; height: 90px; border: 5px solid #f0c040; border-radius: 10px;
  animation: foire-tourne 1.8s ease-in-out infinite }
@keyframes foire-tourne { 0%, 25% { transform: rotate(0) } 60%, 100% { transform: rotate(-90deg) } }
.foire-bouton { background: #f6a83c; border: 3px solid #78400f; border-radius: 10px; color: #fff; font: bold 22px "Segoe UI", sans-serif;
  padding: 14px 28px; text-shadow: 0 1px 0 #5a2c08 }
#foire-plein-coin { position: fixed; z-index: 5; top: 6px; left: 50%; transform: translateX(-50%); display: none;
  background: rgba(58, 44, 28, 0.75); color: #f0c040; border: 2px solid #f0c040; border-radius: 8px;
  font: bold 14px "Segoe UI", sans-serif; padding: 4px 12px }
/* les champs de saisie (clavier du téléphone) doivent rester sélectionnables, sinon iOS refuse d'y écrire */
body.foire-mobile input, body.foire-mobile textarea { -webkit-user-select: text; user-select: text; touch-action: auto }