/* Nono : mode compagnon. Reprend les couleurs et les boutons de la page (variables --hm-*). */

body.kiosk .face-screen{ touch-action:none; }

.cp-demande{
  position:fixed;
  left:50%;
  bottom:124px;
  transform:translateX(-50%);
  z-index:40;
  display:none;
  flex-direction:column;
  align-items:center;
  gap:12px;
  width:min(640px, calc(100vw - 32px));
  padding:16px 20px 18px;
  border-radius:24px;
  background:rgba(18,26,33,.94);
  border:1px solid var(--hm-edge-strong);
  box-shadow:0 18px 48px rgba(0,0,0,.55);
  color:var(--hm-frost);
  font-family:'Golos Text', 'Segoe UI', sans-serif;
  animation:cp-arrive .35s ease-out;
}
body.kiosk[data-hm-mode="face"] .cp-demande{ display:flex; }
.cp-demande-texte{ margin:0; text-align:center; font-size:1.2rem; line-height:1.35; text-wrap:balance; }
.cp-demande-boutons{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
@keyframes cp-arrive{ from{ opacity:0; transform:translate(-50%, 16px); } to{ opacity:1; transform:translate(-50%, 0); } }

.cp{ display:flex; flex-direction:column; gap:14px; }
.cp-jeux{ display:flex; flex-direction:column; gap:14px; }
.cp-bilan{
  display:flex; flex-direction:column; gap:4px;
  padding:14px 18px;
  border-radius:18px;
  background:var(--hm-tile);
  border:1px solid var(--hm-edge);
}
.cp-coeurs{ font-family:'Unbounded', sans-serif; font-weight:700; font-size:1.35rem; color:var(--hm-amber); }
.cp-niveau{ font-weight:600; }
.cp-humeur{ color:var(--hm-dim); font-size:.95rem; }

.cp-liste{ display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:12px; }
.cp-jeu{
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:4px;
  min-height:92px;
  padding:14px 18px;
  border-radius:20px;
  text-align:left;
  cursor:pointer;
  background:var(--hm-tile);
  border:1px solid var(--hm-edge);
}
.cp-jeu:active{ border-color:var(--hm-mint); }
.cp-jeu-nom{ font-family:'Unbounded', sans-serif; font-weight:700; font-size:1.1rem; }
.cp-jeu-sous{ color:var(--hm-dim); font-size:.92rem; }

.cp-partie{ display:flex; flex-direction:column; gap:16px; }
.cp-entete{ display:flex; justify-content:space-between; align-items:center; }
.cp-titre{ color:var(--hm-amber); }
.cp-score{ color:var(--hm-dim); }
.cp-question{ margin:0; font-size:clamp(1.2rem, 2.6vw, 1.6rem); line-height:1.35; font-weight:600; text-wrap:balance; }
.cp-explication{ margin:0; font-size:1.05rem; line-height:1.45; color:var(--hm-body); }
.cp-choix{ display:grid; gap:12px; }
.cp-choix-2{ grid-template-columns:1fr 1fr; }
.cp-choix-3{ grid-template-columns:1fr 1fr 1fr; }
.cp-rep{
  min-height:76px;
  padding:10px 16px;
  border-radius:20px;
  cursor:pointer;
  font-size:1.1rem;
  font-weight:600;
  line-height:1.25;
  background:var(--hm-tile);
  border:2px solid var(--hm-edge-strong);
}
.cp-rep.cp-bon{ border-color:#5fd18a; background:rgba(95,209,138,.16); }
.cp-rep.cp-faux{ border-color:var(--hm-coral); background:rgba(255,138,114,.14); }
.cp-rep:disabled{ cursor:default; }
.cp-suite{ align-self:flex-end; }

.cp-nombres{ display:grid; grid-template-columns:repeat(10, 1fr); gap:8px; }
.cp-nb{
  min-height:64px;
  border-radius:16px;
  cursor:pointer;
  font-family:'Unbounded', sans-serif;
  font-weight:700;
  font-size:1.15rem;
  background:var(--hm-tile);
  border:1px solid var(--hm-edge-strong);
}
.cp-nb:disabled{ opacity:.25; cursor:default; }

@media (prefers-reduced-motion: reduce){ .cp-demande{ animation:none; } }