/* MINUIT — le registre public « Ce que l'hôte a fait ce soir » (js/registre-hote.js) : une main courante de nuit. Les jetons de
   base.css (or, bleu nuit), aucune couleur nouvelle sauf le rose des redémarrages ; à gauche l'heure en chiffres tabulaires, au
   milieu un filet d'or et un losange par geste (plein pour la soirée), à droite le jeu en petites capitales et le geste. Toutes les
   tailles à 16 px au moins (lint d'échelle, echelle-css.test.js) : la hiérarchie vient des petites capitales et des couleurs. */
.modal-back .modal.rh-modal { width: min(780px, 100%); }
.modal-back .rh-intro { margin: 0 0 14px; max-width: 64ch; font-size: 16px; line-height: 1.5; color: var(--text-dim); text-wrap: pretty; }
.modal-back .rh-liste { list-style: none; margin: 0; padding: 0 4px 6px 0; max-height: min(60vh, 560px); overflow: auto;
  overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--gold-lo) transparent; }
.modal-back .rh-jour { position: sticky; top: 0; z-index: 1; margin: 0; padding: 8px 0 6px 82px; font: 600 16px/1.2 var(--font-ui);
  font-variant-caps: all-small-caps; letter-spacing: .12em; color: var(--gold);
  background: linear-gradient(var(--bg-1) 72%, transparent); }
.modal-back .rh-e { display: grid; grid-template-columns: 64px 18px minmax(0, 1fr); align-items: start; padding: 6px 0; }
.modal-back .rh-h { padding: 0 10px 0 0; text-align: right; font: 500 16px/1.5 var(--font-num); font-variant-numeric: tabular-nums;
  color: var(--gold-hi); }
.modal-back .rh-m { position: relative; align-self: stretch; }
.modal-back .rh-m::before { content: ""; position: absolute; left: 50%; top: -6px; bottom: -6px; width: 1px; transform: translateX(-50%);
  background: linear-gradient(transparent, var(--line-strong) 18%, var(--line-strong) 82%, transparent); }
.modal-back .rh-m::after { content: ""; position: absolute; left: 50%; top: 9px; width: 7px; height: 7px;
  transform: translateX(-50%) rotate(45deg); background: var(--bg-1); border: 1px solid var(--gold); }
.modal-back .rh-c { min-width: 0; padding-left: 10px; }
.modal-back .rh-j { display: block; font: 600 16px/1.2 var(--font-ui); font-variant-caps: all-small-caps; letter-spacing: .1em;
  color: var(--gold); }
.modal-back .rh-t { margin: 2px 0 0; font-size: 16px; line-height: 1.45; color: var(--text); overflow-wrap: anywhere; }
.modal-back .rh-e[data-sorte="soiree"] .rh-m::after { width: 9px; height: 9px; top: 8px; background: var(--gold);
  border-color: var(--gold-hi); box-shadow: 0 0 10px rgba(222,184,92,.45); }
.modal-back .rh-e[data-sorte="soiree"] .rh-t { color: var(--gold-hi); }
.modal-back .rh-e[data-sorte="redemarrage"] .rh-m::after { border-color: #ffb3ba; background: #3a1220; }
.modal-back .rh-e[data-sorte="redemarrage"] .rh-j { color: #ffb3ba; }
.modal-back .rh-e.is-neuve { animation: rhNeuve .6s cubic-bezier(.2,.8,.2,1) both; }
.modal-back .rh-e.is-neuve .rh-m::after { animation: rhLosange 1.2s ease-out both; }
@keyframes rhNeuve { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes rhLosange { from { box-shadow: 0 0 0 0 rgba(222,184,92,.7); } to { box-shadow: 0 0 0 9px rgba(222,184,92,0); } }
@media (prefers-reduced-motion: reduce) { .modal-back .rh-e.is-neuve, .modal-back .rh-e.is-neuve .rh-m::after { animation: none; } }
.modal-back .rh-vide { margin: 14px 0 6px; padding: 18px 16px; text-align: center; font-size: 16px; line-height: 1.5;
  color: var(--text-dim); border: 1px dashed var(--line); border-radius: 12px; }