/* Jeux du Mboa — le chat partagé.
   Panneau flottant en bas à droite, replié par défaut. Il emprunte les
   variables de charte de la page hôte quand elles existent, et retombe
   sur les tons du portail sinon : chaque jeu garde donc son thème. */
.mboa-chat{
  position:fixed;
  right:calc(14px + env(safe-area-inset-right));
  bottom:calc(14px + env(safe-area-inset-bottom));
  width:min(340px,calc(100vw - 28px));
  z-index:120;
  display:none;flex-direction:column;
  background:linear-gradient(180deg,var(--panel1,#26201a),var(--panel2,#191510));
  border:1px solid var(--line,#e8c07a44);
  border-radius:16px;overflow:hidden;
  box-shadow:0 22px 50px -18px #000000d0;
  font-family:"Segoe UI",Roboto,system-ui,sans-serif;
  color:var(--cream,#f2e8d6);
}
.mboa-chat.on{display:flex}

.mboa-chat-tete{
  display:flex;align-items:center;gap:8px;
  padding:10px 12px;border-bottom:1px solid #ffffff12;
}
.mboa-chat-titre{
  font-size:11px;letter-spacing:1.6px;text-transform:uppercase;
  font-weight:700;opacity:.7;flex:1;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.mboa-chat-x{
  background:transparent;border:none;color:inherit;opacity:.6;
  cursor:pointer;font-size:15px;line-height:1;padding:4px 6px;border-radius:8px;
}
.mboa-chat-x:hover{opacity:1;color:var(--gold,#eab54c)}

.mboa-chat-log{
  height:210px;overflow-y:auto;padding:10px;
  display:flex;flex-direction:column;gap:6px;font-size:13.5px;
}
.mboa-msg{max-width:84%;padding:6px 11px;border-radius:13px;line-height:1.35;word-break:break-word}
.mboa-msg.moi{align-self:flex-end;background:linear-gradient(180deg,var(--gold,#eab54c),var(--gold-d,#c78a2a));
  color:var(--onaccent,#241609);font-weight:500}
.mboa-msg.eux{align-self:flex-start;background:#ffffff16}
.mboa-msg.sys{align-self:center;opacity:.55;font-size:12px;font-style:italic;text-align:center}

.mboa-chat-code,.mboa-chat-bar{
  display:flex;gap:7px;padding:9px;border-top:1px solid #ffffff10;
}
.mboa-chat-in{
  flex:1;min-width:0;padding:9px 12px;border-radius:10px;
  border:1px solid var(--line,#e8c07a44);background:#00000038;
  color:inherit;font-size:14px;font-family:inherit;outline:none;
}
.mboa-chat-in:focus{border-color:var(--gold,#eab54c)}
.mboa-chat-code .mboa-chat-in{
  text-align:center;letter-spacing:5px;text-transform:uppercase;
  font-weight:800;font-size:17px;text-indent:5px;
}
.mboa-chat-btn{
  background:var(--btn,#3a2c22);color:inherit;
  border:1px solid var(--line,#e8c07a44);border-radius:10px;
  padding:9px 13px;font-size:13px;font-weight:600;cursor:pointer;
  font-family:inherit;white-space:nowrap;transition:.15s;
}
.mboa-chat-btn:hover{background:var(--btn-hi,#4a382a);border-color:var(--gold,#eab54c);color:var(--gold,#eab54c)}
.mboa-chat-btn.ghost{background:transparent}
.mboa-chat-btn:focus-visible,.mboa-chat-in:focus-visible,.mboa-chat-x:focus-visible{
  outline:2px solid var(--gold,#eab54c);outline-offset:2px;
}

@media(max-width:520px){
  .mboa-chat{left:calc(12px + env(safe-area-inset-left));width:auto}
  .mboa-chat-log{height:170px}
}
@media(prefers-reduced-motion:reduce){.mboa-chat *{transition:none!important}}