/* styles/responsive/mobile-multi.css
 * ══════════════════════════════════════════════════════════════════
 * Couche mobile des écrans transverses : ARCADE (HUD + fin),
 * SCOREBOARD multi, DAILY (fin), SHARE-CARD, LOBBY.
 * ══════════════════════════════════════════════════════════════════ */

/* ─── Tactile : cibles ≥ 40-44px, hover remplacé par active ──────── */
@media (pointer: coarse){
  /* Jokers arcade : 28px → 42px (in-board, impossibles à viser sinon). */
  .arcade-joker{ width:42px; height:42px; font-size:20px; }

  /* Le pupitre lobby compact (≤700px de haut) descendait certaines
   * cibles sous 40px — on les remonte sans toucher les espacements. */
  .rocker-mini{ min-width:34px; min-height:46px; }
  .rp-pastille{ min-width:40px; min-height:40px; }

  /* Boutons PRÊT / LANCER / scoreboard : plancher tactile. */
  .btn-thin{ min-height:44px; }

  /* Formats + téléchargement share-card. */
  .sc-fmt{ min-height:44px; }
  .sc-dl{ min-height:44px; }
}

/* ─── Anti-zoom iOS : inputs < 16px ─────────────────────────────── */
@media (max-width: 720px){
  .sc-name{ font-size:16px; }
  .daily-pseudo-row input{ font-size:16px; }
}

/* ─── Arcade : écran de fin ──────────────────────────────────────── */
@media (max-width: 480px){
  .arcade-end-actions{ flex-direction:column; align-items:stretch; }
  .arcade-end-actions .btn{ width:100%; text-align:center; min-height:44px; }
  .arcade-end-card{
    /* Latéral 32px → 16px : à 320px il ne restait que 208px de contenu. */
    padding:20px 16px calc(env(safe-area-inset-bottom, 0px) + 16px);
  }
  /* Détail des manches : colonnes resserrées. */
  .round-row{ grid-template-columns:40px 1fr 52px 42px; gap:6px; padding:7px 9px; font-size:11px; }
  /* Classement global : les 5 colonnes fixes écrasaient le pseudo à
   * ~7px et coupaient le score au bord. On garde rang / pseudo / score ;
   * manches + temps (secondaires) disparaissent. */
  .ae-lb-head,
  .ae-lb-row{ grid-template-columns:30px minmax(0, 1fr) 52px; gap:8px; }
  .ae-lb-head span:nth-child(3),
  .ae-lb-head span:nth-child(4),
  .ae-lb-rounds,
  .ae-lb-time{ display:none; }
}

/* ─── Daily : écran de fin ───────────────────────────────────────── */
@media (max-width: 560px){
  .daily-btn-primary{ min-height:44px; }
}
@media (max-width: 400px){
  .daily-round-row{ grid-template-columns:32px 1fr 62px; gap:6px; }
}

/* ─── Scoreboard multi : cran supplémentaire sous 380px ──────────── */
@media (max-width: 380px){
  .sb-row{ gap:8px; }
  .sb-name{ font-size:16px; }
  .sb-score{ font-size:19px; }
  .sb-crt-title{ --tile-w:18px; --tile-h:11px; }
}

/* ─── Lobby : code SIEL + liste joueurs sous 400px ───────────────── */
@media (max-width: 400px){
  .bt-crt-row{ font-size:16px; gap:8px; }
}

/* ─── Focus visible sur les commandes principales ────────────────── */
.btn-thin:focus-visible,
.sc-dl:focus-visible,
.sc-fmt:focus-visible,
.arcade-joker:focus-visible{
  outline:2px solid #ff9a1f;
  outline-offset:2px;
}