@page { size: A4; margin: 16mm 16mm 18mm; }
body {
  font: 12pt/1.48 "EB Garamond", Georgia, "Times New Roman", serif;
  color: #201812;
  background: #fff;
}
.kd-printbar {
  position: sticky; top: 0; z-index: 20;
  background: #7a2f2f; color: #f4ecdb;
  padding: 10pt 12pt; margin: 0 0 14pt;
  font: 10pt/1.4 "Courier Prime", ui-monospace, monospace;
  letter-spacing: .06em;
  border-bottom: 1pt solid #c9a45c;
}
.kd-printbar button {
  font: 12pt/1.2 "Libre Baskerville", Georgia, serif;
  border: 1pt solid #c9a45c; background: #c9a45c; color: #0f0d0b;
  padding: 8pt 16pt; margin-right: 10pt; cursor: pointer;
}
@media print { .kd-printbar { display: none !important; } }

.blatt { page-break-after: always; break-after: page; }
h1 {
  font-family: "Libre Baskerville", Georgia, serif;
  font-size: 18pt; font-weight: 400; letter-spacing: 0;
  margin: 0 0 .55rem; line-height: 1.15;
}
h2 {
  font-family: "Libre Baskerville", Georgia, serif;
  font-size: 11.5pt; font-weight: 400;
  margin: 1rem 0 .35rem; padding-top: .45rem;
  border-top: 0.6pt solid #c9a45c; color: #5c3a1e;
}
p, li { margin: .35rem 0; }

.blatt:not(.deckblatt)::before {
  content: "KI-KRIMIDINNER  ·  RAUSCHWERK VERLAG";
  display: block;
  font-family: "Courier Prime", ui-monospace, monospace;
  font-size: 7.5pt; letter-spacing: .18em;
  color: #5c4e38;
  border-bottom: 0.6pt solid #c9a45c;
  padding: 0 0 6pt; margin: 0 0 12pt;
}

.deckblatt .deck-head {
  display: flex; align-items: center; gap: 10pt;
  border-bottom: 0.6pt solid #c9a45c;
  padding: 0 0 10pt; margin: 0 0 14pt;
}
.deck-mark {
  flex: none; width: 26pt; height: 26pt;
  border: 1pt solid #c9a45c;
  color: #7a2f2f;
  font-family: "Libre Baskerville", Georgia, serif;
  font-size: 13pt; display: flex;
  align-items: center; justify-content: center;
}
.deck-name {
  font-family: "Libre Baskerville", Georgia, serif;
  font-size: 11pt; letter-spacing: .16em;
  text-transform: uppercase; line-height: 1; color: #7a2f2f;
}
.deck-sub {
  display: block;
  font-family: "Courier Prime", ui-monospace, monospace;
  font-size: 6.5pt; letter-spacing: .22em;
  text-transform: uppercase; color: #6a5c48; margin-top: 3pt;
}
.deck-ornament {
  display: flex; align-items: center; gap: 8pt; margin: 0 0 12pt;
}
.deck-ornament i:nth-child(1) {
  width: 9pt; height: 9pt; border-radius: 50%; border: 0.8pt solid #c9a45c; flex: none;
}
.deck-ornament i:nth-child(2) {
  width: 8pt; height: 8pt; border: 0.8pt solid #c9a45c; flex: none;
}
.deck-ornament i:nth-child(3) {
  height: 0.6pt; flex: 1; max-width: 140pt; background: #c9a45c;
}
.mechanik {
  border-left: 2pt solid #c9a45c;
  padding: 6pt 0 6pt 10pt;
  font-style: italic; font-size: 11.5pt;
  color: #3a2a18; margin: 10pt 0 14pt;
}
.warn {
  border: 0.8pt solid #7a2f2f; padding: .5rem .65rem;
  font-family: "Libre Baskerville", Georgia, serif;
}
.kreis { padding-left: .2rem; }
.quadrat { padding-left: .2rem; font-weight: 700; }
.fuss {
  margin-top: 2rem;
  font-family: "Courier Prime", ui-monospace, monospace;
  font-size: 8pt; color: #6a5c48; letter-spacing: .06em;
}
.loesung h1 { letter-spacing: .04em; color: #7a2f2f; }
.kicker {
  font-family: "Courier Prime", ui-monospace, monospace;
  font-size: 8pt; text-transform: uppercase;
  letter-spacing: .14em; color: #7a2f2f;
}
.muted { color: #5c4e38; font-size: 11pt; }
.nametag-grid { display: flex; flex-wrap: wrap; gap: 8mm; }
.nametag {
  border: 0.8pt solid #7a2f2f; width: 70mm; min-height: 28mm;
  display: flex; align-items: center; justify-content: center;
  font-family: "Libre Baskerville", Georgia, serif;
  font-size: 16pt; padding: 4mm;
}
.karte { border: 0.8pt dashed #7a2f2f; min-height: 90mm; padding: 6mm; }
.zettel { border: 0.8pt solid #201812; padding: 6mm; margin: 0 0 6mm; }