/* modulo: cattura — Corteo del Vate e Bestiario.
   Stile allineato a css/base.css: carta crema, bordi inchiostro, font pixel. */

/* riga di lista: sprite a sinistra, dati a destra */
.ctrow { display: flex; align-items: center; gap: 8px; }
.ctspr { width: 24px; height: 24px; flex: 0 0 auto; image-rendering: pixelated; image-rendering: crisp-edges; }
.ctspr.big { width: 44px; height: 44px; }
.ctspr[data-buio] { filter: brightness(0) opacity(.45); }
.ctinfo { flex: 1 1 auto; line-height: 1.7; min-width: 0; }

/* pastiglia del tipo (LIR/RET/ARD/ERO): il colore arriva inline */
.ctpill {
  display: inline-block; font-size: 7px; color: #fff;
  padding: 2px 5px; border-radius: 3px; vertical-align: middle;
}

/* barra generica (spirito, completamento del Bestiario) */
.ctbar {
  display: block; height: 5px; margin: 4px 0 2px;
  background: #5a5244; border: 1px solid var(--ink); border-radius: 2px; overflow: hidden;
}
.ctbar.big { height: 8px; margin: 6px 0; }
.ctbar > i { display: block; height: 100%; background: #4a9a5a; }

/* testata di scheda: sprite grande + dati */
.ctcap { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }

/* statistiche con barretta proporzionale */
.ctstat { display: flex; align-items: center; gap: 6px; font-size: 8px; line-height: 2; }
.ctstat > span { flex: 0 0 68px; color: #7a6a4a; }
.ctstat > i {
  flex: 1 1 auto; height: 5px; background: #c8a03a;
  border: 1px solid var(--ink); border-radius: 2px; min-width: 2px;
}
.ctstat > b { flex: 0 0 22px; text-align: right; }

/* mosse conosciute */
.ctmove {
  display: flex; align-items: center; gap: 6px; font-size: 8px;
  background: #fff8e8; border: 2px solid var(--ink); border-radius: 4px;
  padding: 6px 8px; margin-bottom: 4px;
}
.ctmove > .dim { margin-left: auto; }

/* stato nel Bestiario */
.ctstato { font-size: 7px; color: #2c4a2c; }
.rowbtn.locked .ctstato { color: #9a8a6a; }

/* citazione e nota storica */
.ctquote { font-size: 8px; line-height: 1.9; color: #7a2c2c; margin: 6px 0; }
.ctnote { font-size: 8px; line-height: 1.9; text-align: left; }

/* riga di bottoni in fondo alla scheda */
.ctbtns { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.ctbtns .qbtn, .ctbtns .rowbtn { width: auto; flex: 1 1 44%; margin-top: 0; text-align: center; }

/* campo per rinominare un compagno */
.ctinput {
  font-family: inherit; font-size: 10px; width: 100%;
  background: #fff8e8; color: var(--ink);
  border: 2px solid var(--ink); border-radius: 4px; padding: 8px;
}