/* app/multijoueur.css — le menu Multijoueur (app/multijoueur.js) : la tuile de l'accueil et l'écran en deux blocs.
   J1 cyan, J2 orange (les pastilles d'app/escouade.css). */

/* L'accueil : la tuile dans la rangée du départ, à droite de « Déployer » (couché : les pastilles au-dessus du nom,
   étroite, pour laisser sa place à la carte du perso) ; debout, une ligne sous lui, pastilles devant le nom. */
.accueil-multi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;
 height:auto;padding:5px 9px;font-size:12px;letter-spacing:.04em;line-height:1;white-space:nowrap;}
.accueil-multi span{display:flex;flex-direction:row;gap:3px;}
.accueil-multi .escouade-pastille{min-width:20px;height:13px;padding:0 3px;font-size:9px;border-radius:7px;}
@media (orientation:portrait){
 .accueil-multi{flex-direction:row;gap:8px;min-height:40px;padding:6px 12px;font-size:14px;}
 .accueil-multi span{gap:4px;}
 .accueil-multi .escouade-pastille{min-width:24px;height:18px;padding:0 4px;font-size:11px;border-radius:9px;}
}

/* L'écran : deux blocs côte à côte (couché), l'un sous l'autre (debout). Sans défilement : des textes courts. */
.multi-blocs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 8px;}
.multi-bloc{display:flex;flex-direction:column;gap:7px;min-width:0;padding:9px 11px 10px;border-radius:12px;
 background:rgba(18,16,36,.6);border:1px solid rgba(70,230,240,.35);}
.multi-bloc.multi-tel{border-color:rgba(255,154,60,.35);}
.multi-bloc h3{margin:0;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7ff3ff;}
.multi-bloc.multi-tel h3{color:#ffc58a;}
.multi-note{margin:0;font-size:12.5px;line-height:1.35;color:#c9cfdf;}
.multi-manque{color:#ffc58a;font-weight:700;}
.multi-relie{color:#7ff3ff;font-weight:700;}
.multi-boutons{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;}
.multi-boutons .arena-btn{flex:1 1 0;min-height:44px;}
.arena-btn.multi-mode{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;height:auto;padding:6px 10px;
 font-size:14px;letter-spacing:.03em;line-height:1;white-space:nowrap;}
.arena-btn.multi-mode span{display:flex;flex-direction:column;gap:2px;}
.arena-btn.multi-mode .escouade-pastille{min-width:20px;height:13px;padding:0 3px;font-size:9px;border-radius:7px;}
.arena-btn.multi-mode .duel-contre{display:none;}
.arena-btn.multi-mode[disabled]{opacity:.45;}
@media (orientation:portrait){
 .multi-blocs{grid-template-columns:minmax(0,1fr);}
}
/* Couché, peu de hauteur : plus serré. */
@media (orientation:landscape) and (max-height:430px){
 .multi-bloc{gap:5px;padding:7px 10px 8px;}
 .multi-note{font-size:12px;line-height:1.3;}
 .multi-boutons .arena-btn{min-height:40px;}
}