/* ---------- Version mobile : le socle commun à toutes les pages (oct. 2026, docs/mobile.md) ----------
   Chargé après les feuilles de la page. TOUTES les règles sont sous html.mobile (posée par js/mobile-bascule.js) : la version PC
   n'en lit aucune. Les écrans propres à chaque page sont dans mobile-accueil.css et mobile-partie.css. */

html.mobile { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html.mobile * { -webkit-tap-highlight-color: transparent; }
/* Pas de zoom de page sur téléphone : ni celui de l'écran de partie (--ze), ni la mise à l'échelle du PC ; l'option « Taille de
   l'interface » (--zo) reste active */
html.mobile body, html.mobile body.refonte { --ze: 1; zoom: var(--zo, 1); }
/* Un champ sous 16 px fait zoomer Safari sur iPhone à chaque saisie */
html.mobile input, html.mobile select, html.mobile textarea { font-size: max(16px, 1em); }
/* Les boutons réagissent au doigt (pas d'état « survolé » collé après un appui) */
html.mobile button, html.mobile a { touch-action: manipulation; }

/* Téléphone tenu en travers : le jeu se joue en portrait (choix de l'auteur) */
html.paysage body { overflow: hidden; }
html.paysage body > * { visibility: hidden !important; }
html.paysage body::after {
  content: "Tournez votre téléphone\A\A Projet Élysée se joue le téléphone tenu droit.";
  white-space: pre-line; visibility: visible; position: fixed; inset: 0; z-index: 2147483647;
  display: grid; place-content: center; padding: 24px; text-align: center;
  background: #17181c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='20' y='6' width='24' height='42' rx='4' fill='none' stroke='%23f1ede4' stroke-width='3'/%3E%3Cpath d='M48 54a18 18 0 0 1-30 4' fill='none' stroke='%23d4302b' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M16 52l2 7 7-2' fill='none' stroke='%23d4302b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center calc(50% - 90px) / 72px;
  color: #f1ede4; font: 700 22px/1.3 'Barlow Condensed', 'Arial Narrow', sans-serif; letter-spacing: .04em; text-transform: uppercase;
  padding-top: 120px;
}