/* Mode conversation : surcouche plein écran, lisible à un bras de distance sur l'écran 1024x600 du robot. */
.cv-ecran{
  position:fixed;
  inset:0;
  z-index:60;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:10px 16px 14px;
  background:var(--hm-ground, #0B1015);
  color:var(--hm-frost, #EEF2F5);
  font-family:'Golos Text', 'Segoe UI', sans-serif;
}
.cv-haut{ display:flex; align-items:center; gap:14px; min-height:64px; }
.cv-sujet{ flex:1; min-width:0; font-size:1.3rem; font-weight:600; }
.cv-temps{ display:block; width:180px; height:6px; border-radius:3px; background:rgba(128,128,128,.28); overflow:hidden; }
.cv-temps i{ display:block; width:0; height:100%; border-radius:3px; background:var(--hm-amber, #FFB454); transition:width 4s linear; }

.cv-ardoise{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  min-height:0;
  padding:14px 18px;
  border-radius:22px;
  background:var(--hm-tile, #121A21);
  border:1px solid var(--hm-edge, rgba(111,214,196,.13));
}
.cv-langue{ margin:0; font-size:clamp(1.5rem, 3.4vw, 2.2rem); font-weight:700; line-height:1.2; }
.cv-fr{ margin:0; font-size:1.2rem; line-height:1.35; color:var(--hm-body, #D6DEE3); }
/* Retour sur la phrase de Christine, à chaque tour : ambre quand Nono propose mieux, vert quand c'était juste. */
.cv-retour{
  margin:0;
  padding:8px 14px;
  border-radius:12px;
  font-size:1.05rem;
  background:rgba(255,180,84,.10);
  border-left:4px solid var(--hm-amber, #FFB454);
  color:var(--hm-frost, #EEF2F5);
}
.cv-retour.cv-juste{ background:rgba(111,214,196,.12); border-left-color:var(--hm-mint, #6FD6C4); }

.cv-tip{
  margin:0;
  padding:10px 14px;
  border-radius:14px;
  font-size:1.05rem;
  background:rgba(255,180,84,.14);
  border:1px solid var(--hm-amber, #FFB454);
  color:var(--hm-frost, #EEF2F5);
}

.cv-choix{ display:flex; gap:10px; flex-wrap:wrap; }
.cv-barre{ display:flex; gap:10px; align-items:stretch; }
.cv-btn{
  min-height:64px;
  padding:0 22px;
  border-radius:999px;
  cursor:pointer;
  font:inherit;
  font-size:1.05rem;
  font-weight:600;
  color:inherit;
  background:var(--hm-tile, #121A21);
  border:1px solid var(--hm-edge-strong, rgba(111,214,196,.36));
}
.cv-btn:active{ transform:scale(.985); }
.cv-parler{ flex:1; font-size:1.25rem; background:var(--hm-amber, #FFB454); color:#0B1015; border-color:var(--hm-amber, #FFB454); }
.cv-grand{ flex:1; min-height:76px; font-size:1.15rem; text-align:left; }
.cv-fin{ min-width:110px; }
.cv-ecran[data-cv-etat="ecoute"] .cv-parler{ background:var(--hm-mint, #6FD6C4); }
.cv-ecran[data-cv-etat="reflexion"] .cv-parler{ opacity:.55; }

/* Thème clair du menu : la conversation suit. */
body.hm-jour .cv-ecran{ background:#F4EFE6; color:#1B1A17; }
body.hm-jour .cv-ardoise{ background:#FFFFFF; border-color:#E4DBCB; }
body.hm-jour .cv-fr{ color:#3C3A35; }
body.hm-jour .cv-btn{ background:#FFFFFF; border-color:#CDBF9E; color:#1B1A17; }
body.hm-jour .cv-parler{ background:#D98200; color:#FFFFFF; border-color:#D98200; }
body.hm-jour .cv-tip{ background:#FFF1D6; border-color:#D98200; color:#1B1A17; }
body.hm-jour .cv-retour{ background:#FFF6E6; border-left-color:#D98200; color:#1B1A17; }
body.hm-jour .cv-retour.cv-juste{ background:#E8F5EC; border-left-color:#166534; }

@media (prefers-reduced-motion: reduce){ .cv-temps i{ transition:none; } }