/* Printed cards, 63 x 88 mm, three across.
   Linked with media="print" so it only applies on paper. To see it on screen,
   flip that link's media to "all" (the Preview button on paper-test.html). */


:root {
  --bg: #fff; --card: #fff; --edge: #c9c4bb; --ink: #15140f;
  --dim: #6d6760; --faint: #a9a49b;
}
.t-mythic { --tier: #15140f; }
.t-legendary { --tier: #33302a; }
.t-epic { --tier: #4c483f; }
.t-rare { --tier: #656055; }
.t-uncommon { --tier: #807a6e; }
.t-common, .t-control { --tier: #9a9387; }

body { padding: 0; background: #fff; }
.page-head, .no-print { display: none !important; }
.sheet {
  max-width: none; gap: 0;
  grid-template-columns: repeat(3, 63mm);
  justify-content: center;
}
.card {
  width: 63mm; height: 88mm;
  border: .25mm solid var(--edge); border-radius: 0;
  padding: 0 4mm 3mm;
  break-inside: avoid;
  -webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.orb .ring { stroke: #e2ded7; }
.orb .ghost { opacity: .3; }
.orb .shadow { stroke: #b9b4ab; opacity: .8; }
.orb .sun { fill: #15140f; }
.orb .qline { stroke: #d6d2cb; }
/* The plot has to be told a height. Left to itself the square SVG fills the
   55 mm of inner card width and pushes the elements row and the source line
   off the bottom of the page. */
.orb { width: auto; height: 37mm; margin: 0 auto; }
.card h2 { font-size: 10pt; min-height: 2.5em; margin-top: 2mm; }
.count b { font-size: 19pt; }
.count span { font-size: 6pt; }
.els dd { font-size: 7pt; }
.els dt { font-size: 5.5pt; }
.card footer { margin-top: auto; font-size: 5pt; }
@page { margin: 8mm; }