.reveal-card-container.is-moving {
  z-index: 10001;
}

#reveal-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: min(680px, calc(100vw - 48px));
  margin-top: 88px;
  padding: 0 8px;
  text-align: center;
}

.reveal-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 0;
  text-align: center;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.9);
}

.reveal-intro::before {
  content: "Vous \00EA tes";
  color: rgba(255, 240, 218, 0.72);
  font: 700 0.92rem/1 var(--hybrid-font-ui);
  letter-spacing: 0.26em;
  text-transform: uppercase;
}

#reveal-role-name {
  position: static;
  display: block;
  color: var(--hybrid-gold);
  font: 400 3rem/0.96 var(--hybrid-font-title);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.8);
}

#reveal-role-objective,
.reveal-objective {
  max-width: 520px;
  margin: 0 auto;
  color: var(--hybrid-muted);
  font: 400 1.08rem/1.5 var(--hybrid-font-body);
  text-align: center;
}

.action-role-reveal {
  perspective: none;
  width: 100%;
  height: auto;
}

.action-role-reveal-inner {
  position: relative;
  width: 100%;
  height: auto;
}

.action-role-reveal-front {
  display: none;
}

.action-role-reveal-back {
  position: static;
  width: 100%;
  height: auto;
  min-height: 0;
  display: block;
  background: none;
  border: 0;
  border-radius: 0;
  backface-visibility: visible;
  box-shadow: none;
  overflow: visible;
}