/* One coordinate system; rank outlines from the bundled SIL-OFL Inter font.
   No text, image crops or device font fallback. Back preferences stay separate. */
.ultra-card {
  --card-w: 48px;
  width: var(--card-w); height: calc(var(--card-w) * 1.44);
  display: block; position: relative; flex-shrink: 0; overflow: hidden;
  border: 1px solid #e6e8e9; border-radius: 5px;
  background: #fff; color: #10151b;
  box-shadow: 0 1px 1px #0003, 0 3px 6px #0003;
}
.ultra-card.red { color: #cc2435; }
.ultra-card .card-face-svg { display: block; width: 100%; height: 100%; pointer-events: none; }
.ultra-card .card-face-svg > svg { overflow: visible; }
.ultra-card.card-hidden { border-color: #d2d9c5; background: repeating-linear-gradient(45deg,#314a38 0 1px,#213b2a 1px 5px); color: #d2e0b5; }
.ultra-card.card-placeholder { background: #08241924; border: 1px dashed #8da17a50; box-shadow: none; }