/* Zone du jeu Grappin. Les ecrans communs (accueil, fin) viennent de
   jeu.css ; ici, seule la scene canvas (fond, tas, pince, carte) dessinee
   par grappin/rendu.js. */
/* padding-top : degagement du HUD socle (#jeu-hud, jeu.css, position
   fixed top:18px, ~24px de texte) qui reste affiche pendant la partie
   (manche "PARTIE n/total") ; sans cela, .gp-scene etant flex:1, le logo
   colle au sommet de la zone et passe sous ce HUD. Garde en phase avec
   la meme valeur soustraite dans ecran.js (ajuster -> DEGAGEMENT_HUD). */
.gp-jeu { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; padding-top: 60px; box-sizing: border-box; }
.gp-jeu[hidden] { display: none; }
.gp-logo { max-height: 56px; margin: 12px 0 4px; object-fit: contain; }
.gp-logo[hidden] { display: none; }
.gp-consigne { margin: 0; color: var(--jeu-hud-texte, #ffffff); text-align: center; font-size: clamp(14px, 3.8vw, 18px); font-weight: 600; text-shadow: 0 2px 6px rgba(0, 0, 0, .5); }
.gp-consigne[hidden] { display: none; }
.gp-tour { margin: 0; color: var(--jeu-hud-texte, #ffffff); text-align: center; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; opacity: .85; }
.gp-tour[hidden] { display: none; }
.gp-scene { display: block; touch-action: none; flex: 1; width: 100%; max-width: 420px; outline: none; transition: filter .5s ease; }

/* Fin de partie : la scene s assombrit sous le texte du socle (#jeu-fin),
   sinon la derniere image (carte gagnee/perdue) reste affichee derriere et
   se superpose illisiblement au texte de fin ; meme traitement que
   jk-fin sur la machine du jackpot. */
.gp-jeu.gp-fin .gp-scene { filter: brightness(.35) saturate(.7); }

/* Ordinateur : la scene reste a 420 px, centree. */
@media (min-width: 700px) { .gp-scene { width: 420px; } }