/* La salle de réflexion : section du menu, chrono, classement, comptoirs des cinq tables. */

/* --- le menu des tables : la section, la barre du jour, les niveaux --- */
.tables .choix .sectionX.reflexionX{color:#8FD3FF;opacity:1}
.tables .choix button.reflexion{border-color:rgba(79,163,232,.55);background:linear-gradient(135deg,rgba(31,58,107,.45),rgba(20,90,110,.35));color:#F1E9D6;position:relative}
.tables .choix button.reflexion[aria-pressed="true"]{background:#2f7ed8;border-color:#8FD3FF;color:#fff}
.tables .choix button.reflexion[data-niveau]:not([data-niveau=""])::after{content:attr(data-niveau);display:block;font-size:9px;letter-spacing:.06em;opacity:.85;color:#8FD3FF;font-weight:600;line-height:1.1;margin-top:2px}
.tables .choix button.reflexion[aria-pressed="true"][data-niveau]:not([data-niveau=""])::after{color:#fff}
.tables .choix button.reflexion.rx-fini{opacity:.75}
.rx-barre{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:2px 2px 4px}
.rx-jauge{flex:1;height:8px;border-radius:6px;background:rgba(241,233,214,.12);border:1px solid rgba(143,211,255,.35);overflow:hidden}
.rx-jauge i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2f7ed8,#8FD3FF);border-radius:6px;transition:width .5s}
.rx-barre.plein .rx-jauge i{background:linear-gradient(90deg,#C9A227,#E9C86A)}
.rx-texte{font-size:10px;opacity:.85;white-space:nowrap;font-variant-numeric:tabular-nums}
.rx-texte b{color:#8FD3FF;font-family:"Fraunces",serif;font-size:12px}
.rx-barre.plein .rx-texte b{color:var(--laiton-clair)}
.tables .choix button.legerX.rx-classement{opacity:.9;color:#8FD3FF;border-color:rgba(143,211,255,.3)}

/* --- le chrono --- */
.rx-chrono{position:fixed;left:50%;top:calc(var(--entete-bas,120px) + 10px);transform:translateX(-50%);z-index:30;min-width:150px;padding:8px 16px 9px;border-radius:16px;
  background:rgba(10,18,14,.82);border:1px solid rgba(143,211,255,.45);box-shadow:0 8px 24px rgba(0,0,0,.35);text-align:center;color:var(--creme);pointer-events:none;backdrop-filter:blur(6px)}
.rx-chrono[hidden]{display:none}
.rx-c-temps{font-family:"Fraunces",serif;font-weight:900;font-size:40px;line-height:1;color:#8FD3FF;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.rx-c-jauge{height:4px;border-radius:3px;background:rgba(241,233,214,.14);margin:6px 0 5px;overflow:hidden}
.rx-c-jauge i{display:block;height:100%;width:100%;background:#8FD3FF;border-radius:3px;transition:width .25s linear}
.rx-c-sous{font-size:10px;opacity:.75;white-space:nowrap}
.rx-chrono.urgent{border-color:#C9524A;animation:rx-pouls .5s ease-in-out infinite}
.rx-chrono.urgent .rx-c-temps,.rx-chrono.urgent .rx-c-jauge i{color:#FF7A6A;background:#FF7A6A}
.rx-chrono.urgent .rx-c-temps{background:transparent}
.rx-chrono.fini{border-color:var(--laiton);animation:none}
.rx-chrono.fini .rx-c-temps{color:var(--laiton-clair);font-size:30px}
@keyframes rx-pouls{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}
@media (min-width:901px){
  .rx-chrono{left:auto;right:24px;top:calc(var(--entete-bas,120px) + 12px);transform:none;bottom:auto}
  @keyframes rx-pouls{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
  /* la colonne de texte du jeu d'origine tombe au milieu de la scène : on la descend au-dessus du comptoir */
  body[data-jeu="memoire"] #verdict,body[data-jeu="motpont"] #verdict,body[data-jeu="trajet"] #verdict,body[data-jeu="cible"] #verdict,body[data-jeu="ordre"] #verdict,body[data-jeu="echecs"] #verdict,body[data-jeu="p4"] #verdict{top:auto;bottom:calc(var(--comptoir-haut,104px) + 12px)}
  body[data-jeu="memoire"] #verdict .gros,body[data-jeu="motpont"] #verdict .gros,body[data-jeu="trajet"] #verdict .gros,body[data-jeu="cible"] #verdict .gros,body[data-jeu="ordre"] #verdict .gros,body[data-jeu="echecs"] #verdict .gros,body[data-jeu="p4"] #verdict .gros{font-size:30px}
}
@media (min-width:901px) and (max-height:560px){.rx-chrono{top:auto;bottom:calc(var(--comptoir-haut,104px) + 10px);right:16px;padding:5px 12px}.rx-c-temps{font-size:26px}.rx-c-sous{display:none}}
@media (max-width:900px){
  /* le chrono quitte la bande de jeu : en bas à gauche, au-dessus du comptoir, en pastille */
  .rx-chrono{top:auto;left:8px;bottom:calc(var(--comptoir-haut,104px) + 8px);transform:none;padding:4px 10px 5px;min-width:0;border-radius:12px}
  .rx-c-temps{font-size:26px}.rx-c-sous{display:none}.rx-c-jauge{margin:4px 0 0}
  @keyframes rx-pouls{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
  .actionsX .rx-info{font-size:14px}.actionsX .rx-info b{font-size:17px}
  .rx-saisie{font-size:17px;padding:10px 12px}
}

/* --- le comptoir des tables --- */
.rx-saisieBoite{display:flex;align-items:center}
.rx-saisie{font:inherit;font-size:15px;color:var(--creme);background:rgba(241,233,214,.08);border:1px solid rgba(143,211,255,.45);border-radius:12px;padding:8px 12px;width:200px;max-width:44vw;outline:none}
.rx-saisie:focus{border-color:#8FD3FF;background:rgba(143,211,255,.12)}
.rx-saisie::placeholder{color:rgba(241,233,214,.45)}
.actionsX .rx-info b{color:#8FD3FF}

/* --- le classement de la semaine --- */
.rx-voile{position:fixed;inset:0;z-index:60;background:rgba(6,10,8,.72);display:flex;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px)}
.rx-voile[hidden]{display:none}
.rx-carte{position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:rgba(14,24,18,.98);border:1px solid rgba(143,211,255,.4);border-radius:20px;padding:22px 22px 16px;color:var(--creme);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.rx-carte h2{font-family:"Fraunces",serif;font-weight:900;font-size:22px;margin:0 30px 4px 0;color:#8FD3FF}
.rx-semaine{margin:0 0 12px;font-size:12px;opacity:.7}
.rx-fermer{position:absolute;top:12px;right:12px;font:inherit;color:var(--creme);background:transparent;border:1px solid rgba(241,233,214,.25);border-radius:50%;width:32px;height:32px;cursor:pointer}
.rx-liste{display:flex;flex-direction:column;gap:4px}
.rx-ligne{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;padding:7px 10px;border-radius:12px;background:rgba(241,233,214,.05);font-size:13px}
.rx-ligne.moi{background:rgba(143,211,255,.14);border:1px solid rgba(143,211,255,.4)}
.rx-rang{font-family:"Fraunces",serif;font-weight:900;text-align:center;opacity:.9}
.rx-pseudo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.rx-score b{color:#8FD3FF;font-family:"Fraunces",serif;font-size:16px}
.rx-gains{font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}
.rx-vide{opacity:.7;font-size:13px;text-align:center;padding:14px}
.rx-regle{font-size:11px;opacity:.6;line-height:1.45;margin:14px 0 0}