/* ============================================================================
 * majorcard.css — LIVE-RENDERED major arcana card (no baking).
 * Composites textless art + descriptionbox + data-driven text entirely in CSS.
 * Layout constants derived 1:1 from makecard_major.py (card 2871x4000, box 2651x1540).
 * Fonts bundled to lock the look: Cinzel (title 800 / number 900) + DejaVu Serif (desc).
 * Colours: BONE #f5ead4 (title + desc), GOLD #ecc970 (number).
 * ========================================================================== */
@font-face{font-family:'CinzelBake';src:url('/fonts/Cinzel-bake.ttf') format('truetype');font-weight:100 900;font-display:block;}
@font-face{font-family:'DejaVuSerifBake';src:url('/fonts/DejaVuSerif.ttf') format('truetype');font-display:block;}

.ajcard{position:relative;container-type:inline-size;width:100%;aspect-ratio:2871/4000;overflow:visible;}
  /* the art is a rounded-corner card with transparent corners already — DON'T clip it (no double corner) */
.ajcard .aj-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}

/* TITLE — Cinzel 800, bone, top-centred, soft ambient glow + thin dark edge */
.ajcard .aj-title{position:absolute;left:50%;top:5.6%;transform:translateX(-50%);
  font-family:'CinzelBake',serif;font-weight:800;font-size:13.166cqw;line-height:1;white-space:nowrap;
  color:#f5ead4;letter-spacing:.005em;text-align:center;
  text-shadow:0 0 8cqw rgba(0,0,0,.42),0 0.5cqw 1.2cqw rgba(0,0,0,.85),
              0 0.12cqw 0.25cqw rgba(18,11,7,.95),0 -0.05cqw 0.1cqw rgba(18,11,7,.6);}

/* BOX wrapper positions the plaque; number + desc live inside it (percent of the box) */
.ajcard .aj-boxwrap{position:absolute;left:3.831%;top:60.375%;width:92.337%;}
.ajcard .aj-box{display:block;width:100%;
  filter:drop-shadow(0 0.6cqw 1.2cqw rgba(0,0,0,.55)) drop-shadow(0 1.6cqw 3.4cqw rgba(0,0,0,.5));}

/* NUMBER — Cinzel 900, gold, seated in the spade */
.ajcard .aj-num{position:absolute;left:50%;top:26.883%;transform:translate(-50%,-50%);
  font-family:'CinzelBake',serif;font-weight:900;color:#ecc970;font-size:4.876cqw;line-height:1;
  text-shadow:0 0.25cqw 0.5cqw rgba(0,0,0,.85);}

/* DESCRIPTION — DejaVu Serif, bone, centred; explicit line breaks (no wrap) */
.ajcard .aj-desc{position:absolute;left:50%;top:56.623%;transform:translate(-50%,-50%);
  width:82%;text-align:center;font-family:'DejaVuSerifBake',serif;color:#f5ead4;
  font-size:4.876cqw;line-height:1.22;text-shadow:0 0.25cqw 0.55cqw rgba(0,0,0,.7);
  display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ajcard .aj-desc span{white-space:nowrap;}          /* flex item -> shrinks to content (measurable) */