/* L'écran de départ d'une étape ou d'un défi (src/depart.js) : où poser le téléphone, puis le bouton de la caméra. */
.etape #home .lede[hidden] { display: none; }
.etape #home .home-inner { justify-content: flex-start; gap: 0; min-height: 0; height: 100%; }
.etape #home.screen { place-items: stretch center; padding-top: calc(env(safe-area-inset-top, 0px) + 16px); padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 16px); }
.etape #home .kicker { margin-bottom: 2px; }
.etape #home h1 { font-size: 15px; line-height: 1.2; margin: 0 0 12px; color: var(--gold); letter-spacing: .02em; }
.depart { flex: 1; display: flex; flex-direction: column; gap: 12px; margin: 0 0 14px; color: var(--text); }
.depart h2 { margin: 0; font: 400 27px/1.08 var(--sign); color: var(--text); }
.depart h2 em { display: block; font-style: normal; color: var(--orange); }
.depart img { width: 100%; height: auto; aspect-ratio: 8 / 5; flex: 0 1 auto; min-height: 0; object-fit: cover; border-radius: 18px; border: 1px solid var(--line); }
.depart ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.depart li { display: flex; align-items: flex-start; gap: 12px; }
.depart li b { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 14px; background: linear-gradient(180deg, var(--blue), #3B9BFF); color: #0B0B1A; font: 400 16px/1 "Anton", sans-serif; }
.depart li span { font: 500 15px/1.35 var(--body); color: var(--muted); }
.depart li strong { color: var(--text); font-weight: 700; }
.depart-regle { margin: 0; font: 600 15px/1.4 var(--body); color: var(--text); }
.etape #home .modes { margin-top: auto; }
.etape #home .mode.primary { text-align: center; }
.etape #home .mode.primary span { font-size: 12.500px; }
.etape #home h1 { text-shadow: none; }
.etape #home .mode.primary b { font-size: 21px; white-space: nowrap; }