:root {
  --safe-area-top: env(safe-area-inset-top);
}

body {
  /* Applique le padding dynamique selon l'iPhone */
  padding-top: var(--safe-area-top);
  background-color: #121212;
}

/* Force un espace minimum de 30px même sur les anciens tel */
@supports not (padding-top: env(safe-area-inset-top)) {
  body {
    padding-top: 30px;
  }
}
/* Optionnel : si tu veux forcer un padding plus grand sur toutes les pages */
.page-container {
    padding-top: 15px;
}
body {
  background-color: #121212;
  color: #ffffff;
  -webkit-tap-highlight-color: transparent;
  padding-top: env(safe-area-inset-top); /* Gère automatiquement la hauteur de l'encoche */
  margin-top: 20px; /* Ajoute un petit espace supplémentaire pour être à l'aise */
}
.card-bg { background-color: #1a1a1a; }
.card-border { border-color: #272727; }
.accent-orange { background-color: #f05a28; }
.accent-orange-text { color: #f05a28; }

.glass-shape {
  clip-path: polygon(8% 0%, 92% 0%, 78% 100%, 22% 100%);
}

input[type=range] {
  -webkit-appearance: none;
  background: #282828;
  height: 8px;
  border-radius: 9999px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 26px;
  width: 26px;
  border-radius: 50%;
  background: #ffffff;
  border: 3px solid #f05a28;
  box-shadow: 0 0 12px rgba(240, 90, 40, 0.8);
  cursor: pointer;
}

.glow-charged {
  box-shadow: 0 0 18px rgba(245, 158, 11, 0.45);
  border-color: #f59e0b !important;
}
.glow-blinde {
  box-shadow: 0 0 25px rgba(239, 68, 68, 0.7);
  border-color: #ef4444 !important;
  animation: pulse-glow 1.5s infinite alternate;
}
@keyframes pulse-glow {
  from { transform: scale(1); }
  to { transform: scale(1.02); }
}

.coin-spin {
  animation: spin 0.8s ease-out;
}
@keyframes spin {
  0% { transform: rotateY(0deg) scale(1); }
  50% { transform: rotateY(720deg) scale(1.3); }
  100% { transform: rotateY(1440deg) scale(1); }
}
.pdp-size { width: 3rem; height: 3rem; } /* ~48px */
.score-font { font-size: 1.1rem; }
.bankroll-text { font-size: 0.85rem; font-weight: 700; color: #a3a3a3; }