/* Styles critiques pour éviter les écrans blancs */
html, body {
  background-color: #0f172a !important;
  color: #e2e8f0 !important;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
}

/* Prévenir le flash blanc sur mobile */
@media (max-width: 768px) {
  html, body {
    background-color: #0f172a !important;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
}

/* Animation de chargement fluide */
.loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0f172a;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.loading-screen.hidden {
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

/* Optimisation pour PWA */
@media (display-mode: standalone) {
  html, body {
    background-color: #0f172a !important;
    height: 100vh;
    height: -webkit-fill-available;
  }
}