/* WORLD ORDER v034 — nation / leader split: the leader seal on leader cards, Codex groups. Presentation only. */

/* ---------------------------------------------------------------- leader seal on every card face
   Below the flag, on the flag's vertical axis; ~70% of the flag width, the file's own proportions; the same gap as between
   the cost and the flag (4% of the card height). Above the Shield veil and the SILENCED ribbon, so it stays
   visible; max-height keeps a taller file (the square placeholder) inside the art, clear of the name and the stats. */
.face{--flag-w:max(17px,14cqw);--flag-h:max(11.3px,9.33cqw);--cost-size:max(19px,15.5cqw);
  /* v034: one breathing space, cost → flag and flag → seal: 4% of the card height (the face is 3:4, so 5.33cqw) */
  --face-gap:max(3px,5.33cqw);--flag-top:calc(3.6cqw + var(--cost-size) + var(--face-gap))}
.face-flag{top:var(--flag-top)}
.face-leader-seal{position:absolute;z-index:8;pointer-events:none;
  left:calc(4.2cqw + var(--flag-w) * .15);top:calc(var(--flag-top) + var(--flag-h) + var(--face-gap));width:calc(var(--flag-w) * .7);
  filter:drop-shadow(0 0 max(1px,.35cqw) #000) drop-shadow(0 .6cqw 1.2cqw #000c)}
.face-leader-seal img{display:block;width:100%;height:auto;max-height:max(13px,11cqw);object-fit:contain;object-position:50% 0}

/* the inspector line and the Codex detail: the seal beside the flag */
.dossier-nation .dossier-seal,.cdx-owner .dossier-seal{display:inline-flex;flex:none}
.dossier-nation .dossier-seal img,.cdx-owner .dossier-seal img{height:16px;width:auto;filter:drop-shadow(0 0 1px #000)}

/* ---------------------------------------------------------------- Codex: Trump's cards in two groups */
.cdx-group{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:4px 0 -4px;padding:0 2px 6px;border-bottom:1px solid #a68e5c40;
  font:700 12px/1 var(--wo-title);letter-spacing:.16em;color:#e8d6a8}
.cdx-group>span{display:flex;align-items:center;gap:8px}
.cdx-group .flag-svg{width:24px;height:16px;border-radius:2px;box-shadow:0 0 0 1px #f2e3bf}
.cdx-group .cdx-group-seal img{height:18px;width:auto;display:block;filter:drop-shadow(0 0 1px #000)}
.cdx-group em{font:600 10px/1 var(--wo-title);letter-spacing:.1em;color:#8fa4a6;font-style:normal}
.cdx-group.is-leader{margin-top:14px}

/* the printed template (fallback renderer): the same seal under its flag */
.card-visual .card-leader-seal{position:absolute;z-index:7;pointer-events:none;left:calc(17.6% + max(16px,6.6cqw) * .15);top:calc(8.7% + 4%);width:calc(max(16px,6.6cqw) * .7);filter:drop-shadow(0 0 1px #000) drop-shadow(0 1px 3px #000c)}
.card-visual .card-leader-seal img{display:block;width:100%;height:auto}