/* Backyard Barista — space layer 11
   No-photo placeholders keyed off space_type. Shipped 2026-09-30.

   Sizing only. The drawing itself is an .svg under assets/space/, and which
   weight gets served is decided in the markup (a <picture> with a 640px
   source), not here — so a browser with CSS off still gets the right file.

   Rollback: delete the one <link> line in layout.php. The <picture> then
   falls back to .card-img's own img rules from style-05/06, which crop the
   drawing rather than break the card.

   The 640px breakpoint is the same one style-06-cards.css uses to turn the
   card into a 104px-wide row; padding 7px matches what it gives a photo
   there, so a placeholder and a photo sit in the same box. */

.card-img picture,
.deckcard-img picture { display: block; width: 100%; height: 100%; }

.card-img .ph,
.deckcard-img .ph {
  width: 100%; height: 100%;
  object-fit: contain;          /* the drawings are 8:5, exactly the card ratio */
  display: block;
  mix-blend-mode: multiply;     /* so the card tint shows through, as the demo art does */
}

/* the deck card is tall and large at every width — let the drawing breathe */
.deckcard-img .ph { padding: 18px; }

@media (max-width: 640px) {
  .card-img .ph { padding: 7px; }
}