/* ---------- Lobby coop (créer / rejoindre une salle) ---------- */
.coop-name-row{ display:flex; flex-direction:column; gap:4px; margin-bottom:12px; }
.coop-name-row label{ font-size:.76rem; color:var(--ink-dim); }
#coopName, #coopJoinCode{
  background:#1a1420; border:1px solid var(--panel-edge); color:var(--ink);
  border-radius:6px; padding:7px 10px; font-size:.9rem; width:100%; box-sizing:border-box;
}
#coopJoinCode{ letter-spacing:.15em; font-weight:700; text-align:center; }

.coop-actions-row{ display:flex; gap:8px; margin:10px 0; }
.coop-actions-row button{
  flex:1; background:#2a2436; border:1px solid var(--panel-edge); color:var(--ink);
  border-radius:8px; padding:9px 12px; cursor:pointer; font-size:.85rem;
}
.coop-actions-row button:hover{ border-color:var(--accent-dim); }

.coop-join-row{ display:flex; gap:8px; align-items:stretch; }
.coop-join-row input{ flex:1; }
.coop-join-row button{
  background:#2a2436; border:1px solid var(--panel-edge); color:var(--ink);
  border-radius:6px; padding:0 14px; cursor:pointer; font-size:.85rem;
}
.coop-join-row button:hover{ border-color:var(--accent-dim); }

.coop-error{ color:#ff8a6a; font-size:.78rem; min-height:1.1em; margin:6px 0 0; }

.coop-code-display{
  text-align:center; font-size:1rem; color:var(--ink); margin-bottom:12px;
}
.coop-code-display b{
  color:var(--accent,#e0a83c); font-size:1.4rem; letter-spacing:.2em; margin-left:6px;
}

.coop-player-list{ list-style:none; margin:0 0 8px; padding:0; display:flex; flex-direction:column; gap:6px; }
.coop-player-row{
  background:#231d2c; border:1px solid var(--panel-edge); border-radius:8px;
  padding:8px 12px; font-size:.88rem; color:var(--ink); display:flex; align-items:center; gap:6px;
}
.coop-player-row.me{ border-color:var(--target,#5cc8d8); }
.coop-player-row.offline{ opacity:.55; border-style:dashed; }
.coop-player-row .cpr-class{ margin-left:auto; opacity:.85; font-size:.8rem; }

#coopCodeStat{ letter-spacing:.1em; }

.coop-class-row{ margin:10px 0; }
.coop-class-row > label{ display:block; font-size:.76rem; color:var(--ink-dim); margin-bottom:6px; }
.coop-class-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:6px; }
.coop-class-chip{
  background:#231d2c; border:1px solid var(--panel-edge); border-radius:8px;
  padding:8px 4px; text-align:center; cursor:pointer; font-size:.78rem; color:var(--ink);
}
.coop-class-chip .ccc-icon{ font-size:1.3rem; display:block; margin-bottom:2px; }
.coop-class-chip:hover{ border-color:var(--accent-dim); }
.coop-class-chip.picked{ border-color:var(--accent,#e0a83c); background:#2e2618; }