/* ======================================================================
   LES ÉQUIPAGES (public/extra/equipages.js).

   Pas de rangée de plus dans le bandeau : on entre par le bouton
   « 🏴‍☠️ Équipage » greffé dans l'en-tête du panneau des joueurs (👥), ou par
   le profil d'un joueur. Le panneau se déroule sous le compteur, à droite,
   comme celui des joueurs (top et max-height posés en JS, au-dessus du
   comptoir) ; sur téléphone il prend toute la largeur moins 8 px de chaque côté.
   ====================================================================== */

#amisPanneau .am-tete .eq-entree{margin-left:auto;margin-right:6px;background:rgba(201,162,39,.16);color:var(--laiton-clair);border:1px solid rgba(201,162,39,.5);padding:5px 10px;font-size:11.5px}

#eqPanneau{
  position:fixed;right:16px;top:120px;z-index:46;width:min(380px,calc(100vw - 16px));
  display:flex;flex-direction:column;gap:8px;overflow:hidden;box-sizing:border-box;
  background:rgba(12,14,20,.95);backdrop-filter:blur(14px);
  border:1px solid rgba(201,162,39,.45);border-radius:16px;padding:10px 10px 8px;color:var(--creme);font-size:13px;
  box-shadow:0 18px 40px rgba(0,0,0,.5);
}
#eqPanneau[hidden]{display:none}
#eqPanneau *{box-sizing:border-box}
#eqPanneau .eq-tete{display:flex;align-items:center;justify-content:space-between}
#eqPanneau .eq-tete b{font-family:"Fraunces",serif;font-size:18px;color:var(--laiton-clair)}
#eqPanneau button{font:inherit;font-size:12px;font-weight:600;cursor:pointer;border-radius:999px;border:1px solid transparent;padding:6px 11px;background:var(--laiton);color:#1A1305}
#eqPanneau button.sec{background:transparent;color:var(--creme);border-color:rgba(241,233,214,.28)}
#eqPanneau button.danger{background:rgba(179,38,30,.18);color:#FFB3AB;border-color:rgba(179,38,30,.55)}
#eqPanneau button:disabled{opacity:.38;cursor:default}
#eqPanneau .eq-fermer{background:transparent;color:var(--creme);border-color:rgba(241,233,214,.25);width:28px;height:28px;padding:0;font-size:16px;line-height:1}
#eqPanneau .eq-large{width:100%;padding:10px 12px;font-size:13px}
.eq-onglets{display:flex;gap:3px;padding:3px;border-radius:12px;background:rgba(0,0,0,.3)}
#eqPanneau .eq-onglets button{flex:1;background:transparent;color:var(--creme);opacity:.7;border-radius:9px;padding:6px 4px;font-size:11.5px}
#eqPanneau .eq-onglets button[aria-selected="true"]{background:#7A1F1A;color:#fff;opacity:1}
#eqPanneau .eq-onglets button.attention{color:#FF9A8F;opacity:1}
.eq-corps{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;padding-right:2px}
.eq-corps p{margin:0}
.eq-vide{font-size:12px;opacity:.55;text-align:center;padding:12px 6px;list-style:none}
.eq-aide,.eq-intro{font-size:11.5px;opacity:.72;line-height:1.35}
.eq-drapeau{display:block;flex:none;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.5)}

/* le blason : pavillon + nom */
.eq-blason{display:flex;align-items:center;gap:10px;min-width:0}
.eq-blason-texte{display:flex;flex-direction:column;min-width:0}
.eq-blason-texte b{font-family:"Fraunces",serif;font-size:17px;color:var(--laiton-clair);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eq-blason-texte small{font-size:11px;opacity:.7}
.eq-devise{font-size:11.5px;opacity:.8}
.eq-blason.grand .eq-drapeau{animation:eq-flotte 3.2s ease-in-out infinite;transform-origin:left center}
@keyframes eq-flotte{50%{transform:perspective(200px) rotateY(-10deg) skewY(-1.5deg)}}

/* l'objectif de la semaine */
.eq-objectif{display:flex;flex-direction:column;gap:6px;padding:8px 9px;border-radius:12px;background:rgba(241,233,214,.05);border:1px solid rgba(241,233,214,.1)}
.eq-obj-haut{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.eq-obj-haut b{font-size:16px;color:#F2D06B}
.eq-fin{font-size:11px;opacity:.65}
.eq-barre{position:relative;height:10px;border-radius:5px;background:rgba(241,233,214,.12);margin:8px 10px 10px}
.eq-barre i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#9C5B2E,#C9C9D1,#F2D06B)}
.eq-cran{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:15px;line-height:1;filter:grayscale(1) opacity(.55)}
.eq-cran.atteint{filter:none}
.eq-primes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.eq-prime{display:flex;flex-direction:column;align-items:center;padding:4px 2px;border-radius:9px;background:rgba(0,0,0,.25);border:1px solid rgba(241,233,214,.08);opacity:.75}
.eq-prime b{font-size:11.5px}.eq-prime small{font-size:10.5px;color:#9BE3B8}
.eq-prime.atteint{opacity:1;border-color:rgba(242,208,107,.6);background:rgba(242,208,107,.1)}
.eq-speciale{font-size:12px;font-weight:700;text-align:center;color:#FFD08A;padding:4px;border-radius:8px;background:linear-gradient(90deg,rgba(179,38,30,.35),rgba(224,120,42,.35));animation:eq-braise 1.6s ease-in-out infinite}
@keyframes eq-braise{50%{box-shadow:0 0 12px rgba(255,140,40,.45)}}
.eq-derniere{font-size:11.5px;opacity:.8;padding:0 2px}

/* blocs : membres, demandes, chat */
.eq-bloc{display:flex;flex-direction:column;gap:5px}
.eq-bloc h4{margin:2px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-weight:700}
.eq-ligne{display:flex;align-items:center;gap:7px;min-width:0}
.eq-nom{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eq-pts{flex:none;font-size:12px;color:#F2D06B}
.eq-actif{flex:none;font-size:9.5px;font-weight:700;text-transform:uppercase;color:#9BE3B8;border:1px solid rgba(95,191,138,.5);border-radius:6px;padding:0 4px}
.eq-membres,.eq-liste,.eq-messages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.eq-membre{padding:6px 8px;border-radius:10px;background:rgba(241,233,214,.05);border:1px solid rgba(241,233,214,.08);display:flex;flex-direction:column;gap:5px}
.eq-point{flex:none;width:8px;height:8px;border-radius:50%;background:rgba(241,233,214,.3)}
.eq-membre.en .eq-point{background:#5FBF8A;box-shadow:0 0 6px #5FBF8A}
.eq-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}
#eqPanneau .eq-actions button{padding:4px 9px;font-size:11px}
.eq-pied{flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:flex-end;padding-top:4px;border-top:1px solid rgba(241,233,214,.08)}

.eq-messages{max-height:170px;min-height:60px;overflow-y:auto;overscroll-behavior:contain;padding:6px;border-radius:10px;background:rgba(0,0,0,.3);gap:3px}
.eq-msg{display:grid;grid-template-columns:auto 1fr auto;gap:0 6px;font-size:12px;line-height:1.3;align-items:baseline}
.eq-msg b{color:var(--laiton-clair);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eq-msg span{overflow-wrap:anywhere;min-width:0}
.eq-msg time{font-size:9.5px;opacity:.45}
.eq-msg.moi b{color:#9BE3B8}
.eq-saisie{display:flex;gap:6px}
.eq-saisie input,.eq-champ input{flex:1;min-width:0;font:inherit;font-size:14px;background:rgba(0,0,0,.35);color:var(--creme);border:1px solid rgba(241,233,214,.2);border-radius:10px;padding:7px 9px}

/* liste des équipages */
.eq-carte{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:rgba(241,233,214,.05);border:1px solid rgba(241,233,214,.08);cursor:pointer;min-width:0}
.eq-carte.moi{border-color:rgba(242,208,107,.6);background:rgba(242,208,107,.08)}
.eq-carte-texte{flex:1;min-width:0;display:flex;flex-direction:column}
.eq-carte-texte b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eq-carte-texte small{font-size:10.5px;opacity:.65}
.eq-rang{flex:none;font-weight:700;color:#F2D06B;font-size:13px}
.eq-periodes{display:flex;gap:5px}
#eqPanneau .eq-periodes button{flex:1;background:rgba(241,233,214,.07);color:var(--creme);border-color:rgba(241,233,214,.18)}
#eqPanneau .eq-periodes button[aria-pressed="true"]{background:var(--laiton);color:#1A1305}
.eq-classement{display:flex;flex-direction:column;gap:6px}
#eqPanneau .eq-retour{align-self:flex-start;padding:4px 10px}

/* fonder : nom + pavillon */
.eq-fonder{display:flex;flex-direction:column;gap:8px}
.eq-champ{display:flex;flex-direction:column;gap:4px;font-size:11.5px}
.eq-champ span{opacity:.75}
.eq-case-a-cocher{display:flex;align-items:center;gap:6px;font-size:12px}
.eq-editeur{display:flex;flex-direction:column;gap:6px}
.eq-apercu{display:flex;justify-content:center;padding:6px 0}
.eq-apercu .eq-drapeau{animation:eq-flotte 3.2s ease-in-out infinite;transform-origin:left center}
.eq-choix{display:flex;flex-direction:column;gap:3px}
.eq-choix-titre{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-weight:700}
.eq-choix-grille{display:flex;flex-wrap:wrap;gap:4px}
#eqPanneau .eq-case{padding:3px;border-radius:7px;background:rgba(241,233,214,.06);border:2px solid transparent;line-height:0}
#eqPanneau .eq-case[aria-pressed="true"]{border-color:#F2D06B;background:rgba(242,208,107,.15)}
.eq-pastille{display:block;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}

/* le profil d'un joueur */
#profilX .eq-profil{display:inline-flex;align-items:center;gap:6px;margin:4px 0 2px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--laiton-clair,#E8CE79);background:rgba(201,162,39,.12);border:1px solid rgba(201,162,39,.45);border-radius:999px;padding:3px 10px 3px 4px}

@media (max-width:900px){
  #eqPanneau{right:8px;left:8px;width:auto}
  #amisPanneau .am-tete .eq-entree{padding:4px 8px;font-size:11px}
  .eq-messages{max-height:130px}
}