/* app/escouade.css — le mode Escouade (app/escouade.js) : le bouton de l'accueil (seulement avec deux
   manettes branchées), l'écran du choix du joueur 2, le partage de ses gains à l'écran de fin.
   J1 cyan, J2 orange (les couleurs de leurs flèches en partie, ESC_COULEURS dans le moteur). */
.accueil-escouade{display:none;}
/* Dans la rangée du départ : couché, une tuile à droite de « Déployer » (pastilles sur le nom) ; debout,
   une ligne sous lui. */
html.deux-manettes .accueil-escouade{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;
 height:auto;padding:6px 12px;font-size:13px;letter-spacing:.06em;}
.accueil-escouade span{display:flex;gap:4px;}
@media (orientation:portrait){
 html.deux-manettes .accueil-escouade{flex-direction:row;gap:8px;min-height:40px;}
}
.escouade-pastille{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;padding:0 4px;border-radius:9px;
 font:900 11px/1 system-ui,sans-serif;font-style:normal;letter-spacing:0;color:#05060c;vertical-align:middle;}
.escouade-pastille.j1{background:#46e6f0;}
.escouade-pastille.j2{background:#ff9a3c;}

.escouade-ecran .escouade-j1{margin:4px 0 10px;}
.escouade-persos{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:46vh;overflow-y:auto;padding:2px;}
.escouade-perso{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 7px;border-radius:12px;cursor:pointer;
 font:inherit;color:#e7e9ee;background:rgba(18,16,36,.92);border:1px solid rgba(255,154,60,.28);}
.escouade-perso canvas{width:64px;height:64px;}
.escouade-perso b{font-size:12px;font-weight:800;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.escouade-perso small{font-size:10.5px;color:#9ea6bd;}
.escouade-perso.on{border-color:#ff9a3c;background:rgba(255,154,60,.1);box-shadow:0 0 0 1px #ff9a3c,0 0 20px rgba(255,154,60,.3);}
.escouade-perso.on b{color:#ffc58a;}
.escouade-regles{margin:10px 0 4px;padding-left:18px;font-size:12.5px;line-height:1.35;color:#c9cfdf;}
.escouade-regles li{margin:2px 0;}
.escouade-manque{color:#ffc58a;font-weight:700;}

/* L'écran de fin : la part du joueur 2, à partager ou non. */
.escouade-partage{display:flex;flex-direction:column;gap:4px;margin:10px 0 6px;padding:9px 11px;border-radius:12px;
 background:rgba(255,154,60,.07);border:1px solid rgba(255,154,60,.35);}
.escouade-partage b{color:#ffc58a;font-size:14px;}
.escouade-partage span{font-size:13px;color:#e7e9ee;}
.escouade-partage small{font-size:11.5px;color:#9ea6bd;}
.escouade-choix{display:flex;gap:8px;margin-top:4px;}
.escouade-choix .arena-btn{flex:1 1 0;}
.escouade-fait{margin:2px 0 0;font-size:12.5px;font-weight:700;color:#ffc58a;}

/* L'écran Escouade à deux lignes (25/10) : une par joueur, chacune défile de côté. */
.escouade-aide{margin:4px 0 8px;font-size:13px;color:#c9cfdf;}
.escouade-ligne{margin:6px 0;padding:6px 8px 8px;border-radius:12px;background:rgba(18,16,36,.6);}
.escouade-ligne.j1{border:1px solid rgba(70,230,240,.35);}
.escouade-ligne.j2{border:1px solid rgba(255,154,60,.35);}
.escouade-tete{display:flex;align-items:center;gap:7px;margin-bottom:5px;font-size:13px;}
.escouade-tete small{color:#9ea6bd;}
.escouade-nom{margin-left:auto;font-weight:800;}
.escouade-ligne.j1 .escouade-nom{color:#7ff3ff;}
.escouade-ligne.j2 .escouade-nom{color:#ffc58a;}
.escouade-ligne .escouade-persos{display:flex;grid-template-columns:none;gap:6px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:2px;}
.escouade-ligne .escouade-perso{flex:0 0 84px;}
.escouade-ligne .escouade-perso canvas{width:52px;height:52px;}
.escouade-ligne.j1 .escouade-perso{border-color:rgba(70,230,240,.25);}
.escouade-ligne.j1 .escouade-perso.on{border-color:#46e6f0;background:rgba(70,230,240,.1);box-shadow:0 0 0 1px #46e6f0,0 0 20px rgba(70,230,240,.3);}
.escouade-ligne.j1 .escouade-perso.on b{color:#7ff3ff;}

/* « J2 : appuyez sur une touche pour rejoindre », en blanc, en pleine partie (app/manette/manette-jeu.js). */
.manette-annonce.j2{top:auto;bottom:16%;border-color:#fff;font-size:17px;padding:9px 20px;letter-spacing:.02em;}
.manette-annonce.j2.vu{animation-duration:4.5s;}
/* Téléphone couché (peu de hauteur) : les deux lignes tiennent sans défiler, les règles cachées. */
@media (max-height:520px){
 .escouade-ecran .escouade-regles,.escouade-ecran .escouade-manque{display:none;}
 .escouade-aide{font-size:11.5px;margin:2px 0 4px;}
 .escouade-ligne{margin:4px 0;padding:4px 6px 5px;}
 .escouade-tete{margin-bottom:3px;}
 .escouade-ligne .escouade-perso{flex-basis:74px;padding:3px 3px 4px;}
 .escouade-ligne .escouade-perso small{display:none;}
 .escouade-ligne .escouade-perso canvas{width:38px;height:38px;}
}

/* Les cases Vie et Plastron du bandeau à deux (classe escouade, posée par le moteur) : deux lignes, J1 cyan
   puis J2 orange, chacune « J1 ═══════ 115 » (Tris, 25/10 : des barres claires pour les deux, debout comme
   couché). La vie à la couleur du joueur, le plastron en bleu. */
.arena-gauge-j2[hidden]{display:none;}
.arena-hud.escouade :is(.arena-gauge-hp,.arena-gauge-vest){flex-direction:column;align-items:stretch;justify-content:flex-end;gap:2px;}
/* Le symbole de la case (♥, bouclier) reste devant les deux lignes : on sait laquelle est la vie. */
.arena-hud.escouade :is(.arena-gauge-hp,.arena-gauge-vest){position:relative;padding-left:18px;}
.arena-hud.escouade :is(.arena-gauge-hp,.arena-gauge-vest)::before{position:absolute;left:0;top:auto;bottom:6px;}
.arena-hud.escouade :is(.arena-gauge-hp,.arena-gauge-vest) .arena-gauge-track{flex:none;height:12px;-webkit-mask:none;mask:none;
 background:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.1)) 20px 50%/calc(100% - 52px) 6px no-repeat;}
.arena-hud.escouade :is(.arena-gauge-hp,.arena-gauge-vest) .arena-gauge-track i{left:20px;width:calc(100% - 52px);top:3px;height:6px;border-radius:3px;}
.arena-hud.escouade :is(.arena-gauge-hp,.arena-gauge-vest) .arena-gauge-track::before{content:"J1";color:#46e6f0;font-weight:900;line-height:12px;letter-spacing:.04em;}
.arena-hud.escouade :is(.arena-gauge-hp,.arena-gauge-vest) .arena-gauge-j2::before{content:"J2";color:#ff9a3c;}
.arena-hud.escouade :is(.arena-gauge-hp,.arena-gauge-vest) .arena-gauge-track b{height:12px;line-height:12px;}
.arena-hud.escouade .arena-gauge-hp i{background:linear-gradient(90deg,#1aa9c4,#46e6f0 60%,#a6f7ff);}
.arena-hud.escouade .arena-gauge-hp .arena-gauge-j2 i{background:linear-gradient(90deg,#d8661a,#ff9a3c 60%,#ffc58a);}
/* Plastron : le coup encaissé éclaire la ligne du joueur touché ; personne n'en a : grisé, « +0 ». */
.arena-hud.escouade .arena-gauge-vest .arena-gauge-track.hit{background:linear-gradient(rgba(140,200,255,.55),rgba(140,200,255,.55)) 20px 50%/calc(100% - 52px) 6px no-repeat;}
.arena-hud.escouade .arena-gauge-vest[hidden] .arena-gauge-track b::after{content:none;}
.arena-hud.escouade .arena-gauge-vest[hidden] .arena-gauge-track{opacity:.45;}
/* Vie basse : seule la barre du joueur concerné bat ; un joueur mort pour de bon est grisé. */
.arena-hud.escouade .arena-gauge-hp.low .arena-gauge-j2 i{animation:none;}
.arena-hud.escouade .arena-gauge-hp .arena-gauge-j2.low i{animation:vie-basse .6s ease-in-out infinite alternate;}
.arena-hud.escouade .arena-gauge-hp.off .arena-gauge-track:not(.arena-gauge-j2),.arena-hud.escouade .arena-gauge-j2.off{opacity:.35;}
/* Debout, les cases Vie et Plastron prennent un peu plus de largeur (deux barres à lire), le boss moins. */
@media (max-width:480px){
 html.petit-ecran .arena-hud.escouade{grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) minmax(0,1fr) auto auto;}
}

/* Les curseurs des manettes sur l'écran Escouade (app/manette/manette-jeu.js) : la ligne où se trouve
   chaque manette s'allume à sa couleur ; sur les boutons du bas, un contour à la couleur du joueur. */
.escouade-ligne.j1.manette-ici{border-color:#46e6f0;box-shadow:0 0 0 1px #46e6f0,0 0 18px rgba(70,230,240,.35);}
.escouade-ligne.j2.manette-ici{border-color:#ff9a3c;box-shadow:0 0 0 1px #ff9a3c,0 0 18px rgba(255,154,60,.35);}
.escouade-ecran .arena-btn.manette-j1{outline:3px solid #46e6f0;outline-offset:2px;}
.escouade-ecran .arena-btn.manette-j2{outline:3px solid #ff9a3c;outline-offset:2px;}
.escouade-ecran .arena-btn.manette-j1.manette-j2{outline-color:#46e6f0;box-shadow:0 0 0 7px #ff9a3c;}
@media (max-width:380px){
 html.petit-ecran .arena-hud.escouade :is(.arena-gauge-hp,.arena-gauge-vest){padding-left:0;}
}
/* Couché, avec la tuile Escouade : « Déployer » un peu moins large, la carte du perso garde sa place. */
@media (orientation:landscape){
 html.deux-manettes .accueil-depart .arena-btn.primary.accueil-jouer{flex-basis:30%;letter-spacing:.1em;}
}