/* Tarot-Karten (Bildschirm + Druck 63×88 mm) */
.tcard{--c:#c9a96a;--c2:#1a1712;position:relative;width:100%;aspect-ratio:63/88;border-radius:10px;padding:6%;color:#efe6d0;
  background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--c2) 80%,#000) 0%,#0b0b10 70%);
  border:1px solid color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 10px 30px #000a,inset 0 0 0 4px #0b0b10,inset 0 0 0 5px color-mix(in srgb,var(--c) 45%,transparent);
  display:flex;flex-direction:column;overflow:hidden;font-family:var(--body);-webkit-print-color-adjust:exact;print-color-adjust:exact;container-type:inline-size}
.tcard.joker{--c:#9cc2c9;--c2:#12262b}
.tcard.fluch{--c:#d98a73;--c2:#2e1210}
.tcard.macht{--c:#d8bf82;--c2:#2a2111}
.tcard.legendaer{box-shadow:0 10px 30px #000a,0 0 24px color-mix(in srgb,var(--c) 30%,transparent),inset 0 0 0 4px #0b0b10,inset 0 0 0 5px var(--c)}
.tcard .tc-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-size:max(7px,4.2cqw);letter-spacing:.2em;text-transform:uppercase;color:var(--c)}
.tcard .tc-gems{letter-spacing:.1em}
.tcard .tc-art{flex:0 0 auto;margin:6% auto 4%;width:46%;aspect-ratio:1;color:var(--c);display:flex;align-items:center;justify-content:center;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--c) 18%,transparent),transparent 68%)}
.tcard .tc-art svg{width:78%;height:78%}
.tcard .tc-title{font-family:var(--display);font-weight:500;text-align:center;font-size:max(9px,6.6cqw);line-height:1.15;letter-spacing:.04em;color:#f4e7c6;margin:0 0 5%}
.tcard .tc-text{text-align:center;font-size:max(9px,5.6cqw);line-height:1.32;flex:1;color:#ddd3bd}
.tcard .tc-foot{border-top:1px solid color-mix(in srgb,var(--c) 40%,transparent);padding-top:4%;margin-top:4%;display:flex;justify-content:space-between;gap:6px;font-family:var(--display);font-size:max(6px,3.6cqw);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--c) 80%,#fff)}
.tcard .tc-corner{position:absolute;width:9%;aspect-ratio:1;border:1px solid var(--c);opacity:.55}
.tcard .tc-corner.a{top:3.2%;left:4.5%;border-right:0;border-bottom:0}.tcard .tc-corner.b{top:3.2%;right:4.5%;border-left:0;border-bottom:0}
.tcard .tc-corner.c{bottom:3.2%;left:4.5%;border-right:0;border-top:0}.tcard .tc-corner.d{bottom:3.2%;right:4.5%;border-left:0;border-top:0}

.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}

/* Druckbogen */
.print-sheet{display:none}
@media print{
  @page{size:A4;margin:8mm}
  body{background:#fff!important}
  body::before,body::after{display:none!important}
  body>*:not(.print-sheet){display:none!important}
  .print-sheet{display:block!important;color:#000}
  .print-sheet .sheet{display:grid;grid-template-columns:repeat(3,63mm);grid-auto-rows:88mm;gap:3mm;justify-content:center;page-break-after:always}
  .print-sheet .tcard{width:63mm;height:88mm;aspect-ratio:auto;box-shadow:none;border-radius:3mm;break-inside:avoid}
  .print-sheet .rules{font-family:var(--body);font-size:11pt;max-width:180mm;margin:0 auto 6mm;color:#222}
  .print-sheet .rules h3{color:#5a4520;font-size:13pt}
}