/* ---------- écran « connexion requise » ---------- */
.gate {
  max-width: 440px; margin: 7vh auto 8vh; padding: 0 22px;
  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px;
}
.gate .gate-crab { width: 116px; height: auto; overflow: visible; }
.gate h1 { font-size: 1.75rem; font-weight: 800; }
.gate p { color: var(--ink-soft); margin: 0; max-width: 40ch; }
.gate .google-btn { margin-top: 6px; }
.gate .gate-note { font-size: .82rem; }
.gate .account-err { text-align: center; }
.gate-sandbox {
  background: none; border: 0; color: var(--ink-soft); font-size: .85rem;
  text-decoration: underline; text-underline-offset: 3px; margin-top: 6px;
}
.gate-sandbox:hover { color: var(--accent); }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}