/* Player Card ML Manager XG — layout DEMO (OVR sx, foto dx, 2×2 stats) */
.xg-pcard {
  --xg-pcard-min: 220px;
  --xg-pcard-max: 420px;
  --z-head: 14.5%;
  --z-photo-b: 46.5%;
  --z-name-t: 46.8%;
  --z-name-b: 56.2%;
  --z-grid-t: 61.0%;
  --z-grid-b: 84.5%;
  --z-status-t: 89.5%;
  --z-status-b: 99.5%;
  --z-pad-x: 8%;
  display: block;
  width: min(100%, var(--xg-pcard-max));
  max-width: var(--xg-pcard-max);
  min-width: min(100%, var(--xg-pcard-min));
  text-decoration: none;
  color: #f8fafc;
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.xg-pcard--compact {
  --xg-pcard-max: 270px;
  --xg-pcard-min: 200px;
}

/* Smarrito: alone card, nome rosso, OVR “svanisce” (no card intera al 50%) */
.xg-pcard.xg-pcard--smarrito .xg-pcard__frame {
  box-shadow:
    0 0 0 1.5px rgba(239, 68, 68, 0.55),
    0 8px 24px rgba(127, 29, 29, 0.35);
}
.xg-pcard.xg-pcard--smarrito .xg-pcard__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgba(239, 68, 68, 0.22);
  box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.4);
}
.xg-pcard.xg-pcard--smarrito .xg-pcard__name {
  color: #f87171;
  text-shadow: 0 1px 10px rgba(127, 29, 29, 0.55);
}
.xg-pcard.xg-pcard--smarrito .xg-pcard__ovr {
  opacity: 0.5;
  filter: saturate(0.55);
}
.xg-pcard.xg-pcard--smarrito .xg-pcard__photo {
  opacity: 0.82;
  filter: grayscale(0.25);
}

.xg-pcard__frame {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 4;
  border-radius: 4.2% / 3.15%;
  overflow: hidden;
  isolation: isolate;
  container-type: inline-size;
  container-name: xg-pcard;
  background: #020617;
  border: none;
  box-shadow: none;
  outline: none;
}
.xg-pcard__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.xg-pcard__bg picture,
.xg-pcard__bg-img {
  display: block;
  width: 100%;
  height: 100%;
}
.xg-pcard__bg-img {
  object-fit: fill;
  user-select: none;
}
.xg-pcard__body {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

/* Logo club sovrapposto alla X (header sx) */
.xg-pcard__club {
  position: absolute;
  top: 1.6%;
  left: 5.8%;
  z-index: 3;
  width: 16.5%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 18%;
  background: rgba(2, 6, 23, 0.72);
  box-shadow:
    0 0 0 1px rgba(245, 215, 142, 0.45),
    0 2px 8px rgba(0, 0, 0, 0.45);
  overflow: hidden;
}
.xg-pcard__club-img {
  display: block;
  width: 88%;
  height: 88%;
  object-fit: contain;
}

/* Ruolo in alto a destra — solo testo colorato, centrato nello slot PNG (niente pill) */
.xg-pcard__pos {
  position: absolute;
  top: 4.9%;
  right: 6.6%;
  z-index: 2;
  box-sizing: border-box;
  width: 15.2%;
  min-width: 2.55em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: min(5.4cqi, 1.18rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  /* bilancia lo spazio trailing di letter-spacing (2 e 3 char) */
  padding: 0 0 0 0.08em;
  margin: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.85);
  /* leggero nudge a dx: centro ottico dello slot trapezoidale PNG */
  transform: translateX(2%);
}
.xg-pcard__pos--r-gk,
.xg-pcard__pos--r-def,
.xg-pcard__pos--r-mid,
.xg-pcard__pos--r-att {
  background: transparent;
  border: none;
  box-shadow: none;
}
.xg-pcard__pos--r-gk { color: #ffb347; }
.xg-pcard__pos--r-def { color: #7dd3fc; }
.xg-pcard__pos--r-mid { color: #86efac; }
.xg-pcard__pos--r-att { color: #fda4af; }

.xg-pcard__top {
  position: absolute;
  left: var(--z-pad-x);
  right: var(--z-pad-x);
  top: var(--z-head);
  bottom: calc(100% - var(--z-photo-b));
  display: grid;
  grid-template-columns: 36% 1fr;
  gap: 1%;
  align-items: stretch;
  min-height: 0;
  /* Foto clipata nel wrap; OVR/chip restano visibili nella colonna sx */
  overflow: visible;
}
.xg-pcard__ovr-block {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: visible;
}
.xg-pcard__ovr {
  position: absolute;
  left: 50%;
  top: 38%;
  transform: translate(-50%, -50%);
  /* Solo cqi (+ cap rem): scala uguale a 4 o 6 card, senza floor rem che sballa */
  font-size: min(26.5cqi, 5.15rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #f5d78e;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55);
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
.xg-pcard__delta {
  position: absolute;
  left: 50%;
  /* Ancorato sotto l’OVR, sempre sopra la riga (~bottom della zona top) */
  top: 72%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0.2em 0.55em;
  border-radius: 999px;
  font-size: min(3.65cqi, 0.9rem);
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1;
  white-space: nowrap;
  z-index: 2;
  box-sizing: border-box;
}
.xg-pcard__delta > [aria-hidden="true"] {
  display: block;
  line-height: 1;
  /* Centratura ottica: il glifo sembra più basso nel pill */
  transform: translateY(-0.05em);
}
.xg-pcard__delta--up,
.xg-pcard__delta--up1 {
  color: #052e16;
  background: #86efac;
  border: 1px solid rgba(5, 46, 22, 0.28);
  box-shadow: 0 1px 4px rgba(74, 222, 128, 0.18);
}
.xg-pcard__delta--up2 {
  color: #ecfdf5;
  background: linear-gradient(180deg, #16a34a 0%, #15803d 55%, #a16207 160%);
  border: 1px solid rgba(250, 204, 21, 0.4);
  box-shadow: 0 2px 8px rgba(22, 101, 52, 0.35);
}
.xg-pcard__delta--up3 {
  color: #422006;
  background: linear-gradient(180deg, #fde047, #eab308 55%, #ca8a04);
  border: 1px solid rgba(253, 224, 71, 0.7);
  box-shadow: 0 2px 10px rgba(234, 179, 8, 0.4);
}
.xg-pcard__delta--down,
.xg-pcard__delta--down1 {
  color: #7f1d1d;
  background: #fecaca;
  border: 1px solid rgba(252, 165, 165, 0.85);
  box-shadow: 0 2px 8px rgba(248, 113, 113, 0.25);
}
.xg-pcard__delta--down2 {
  color: #fff;
  background: linear-gradient(180deg, #dc2626, #991b1b);
  border: 1px solid rgba(254, 202, 202, 0.4);
  box-shadow: 0 2px 8px rgba(153, 27, 27, 0.35);
}
.xg-pcard__delta--down3 {
  color: #faf5ff;
  background: linear-gradient(180deg, #a855f7, #7e22ce 60%, #581c87);
  border: 1px solid rgba(216, 180, 254, 0.5);
  box-shadow: 0 2px 10px rgba(126, 34, 206, 0.4);
}
.xg-pcard__delta--stable {
  color: #e0f2fe;
  background: rgba(14, 116, 144, 0.55);
  border: 1px solid rgba(125, 211, 252, 0.35);
  /* Testo lungo: più piccolo e centrato nel chip */
  font-size: min(2.55cqi, 0.64rem);
  letter-spacing: 0.05em;
  padding: 0.34em 0.62em 0.3em;
}
.xg-pcard__photo-wrap {
  min-height: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0;
}
.xg-pcard__photo {
  display: block;
  width: auto;
  max-width: 104%;
  height: auto;
  max-height: 100%;
  margin: 0;
  object-fit: contain;
  object-position: center center;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.5));
  transform: scale(1) translateY(-5%);
  transform-origin: center center;
}

/* Nameplate DEMO: nome + titolare • età */
.xg-pcard__nameplate {
  position: absolute;
  left: 9%;
  right: 9%;
  top: var(--z-name-t);
  bottom: calc(100% - var(--z-name-b));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.15em;
  text-align: center;
  min-width: 0;
}
.xg-pcard__name {
  width: 100%;
  font-family: "Barlow Semi Condensed", "Segoe UI Condensed", "Arial Narrow", sans-serif;
  font-stretch: semi-condensed;
  font-size: min(7.05cqi, 1.73rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);
  line-height: 1.1;
}
.xg-pcard__sub {
  font-size: min(2.6cqi, 0.64rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.xg-pcard__sub-role {
  color: #f5d78e;
}
.xg-pcard__sub-sep {
  color: rgba(148, 163, 184, 0.85);
}
.xg-pcard__sub-age {
  color: #7dd3fc;
}

/* 2×2: Energia | Morale / Ingaggio | Valore */
.xg-pcard__grid {
  position: absolute;
  left: 7.4%;
  right: 7.4%;
  top: var(--z-grid-t);
  bottom: calc(100% - var(--z-grid-b));
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0;
  min-height: 0;
}
.xg-pcard__cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.12em;
  padding: 0.25em 0.4em 0.35em;
  min-width: 0;
  text-align: center;
}
/* Ingaggio / Valore: leggermente alzati (etichetta + valore) */
.xg-pcard__cell:nth-child(n + 3) {
  justify-content: flex-end;
  padding-top: 0.65em;
  padding-bottom: 0.2em;
  transform: translateY(-5%);
}
.xg-pcard__k {
  font-size: min(2.7cqi, 0.62rem);
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #bae6fd;
  line-height: 1;
}
.xg-pcard__v {
  font-size: min(4.6cqi, 1.1rem);
  font-weight: 900;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
  line-height: 1.05;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xg-pcard__v--gold {
  color: #f5d78e;
  /* Ingaggio / Valore numeri only; labels .xg-pcard__k unchanged */
  font-size: min(5.57cqi, 1.33rem);
}
.xg-pcard__meter {
  display: block;
  width: 72%;
  height: 0.28em;
  margin-top: 0.15em;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.85);
  overflow: hidden;
  border: 1px solid rgba(125, 211, 252, 0.25);
}
.xg-pcard__meter-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
}
.xg-pcard__meter-fill--energy {
  background: linear-gradient(90deg, #38bdf8, #0ea5e9);
}
.xg-pcard__meter-fill--morale {
  background: linear-gradient(90deg, #4ade80, #22c55e);
}

/* Footer: status+update fixed in zone; SU MERCATO overlays above without shifting */
.xg-pcard__foot {
  position: absolute;
  left: 6%;
  right: 6%;
  top: var(--z-status-t);
  bottom: calc(100% - var(--z-status-b));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0;
  min-width: 0;
  overflow: visible;
}
.xg-pcard__market {
  position: absolute;
  left: 50%;
  /* Alzato ~5% rispetto a DISPONIBILE */
  bottom: calc(55% + 1.15em);
  transform: translateX(-50%);
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35em;
  white-space: nowrap;
  font-size: min(2.8cqi, 0.68rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fbbf24;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
  line-height: 1;
  pointer-events: none;
}
.xg-pcard__market i {
  font-size: 0.95em;
  opacity: 0.95;
}
.xg-pcard__foot-row {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.45em 0.7em;
  width: auto;
  max-width: 100%;
  min-width: 0;
}
.xg-pcard__status {
  position: static;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
  flex: 0 1 auto;
  min-width: 0;
}
.xg-pcard__status-dot {
  flex-shrink: 0;
  width: 0.45em;
  height: 0.45em;
  border-radius: 50%;
  background: #94a3b8;
  box-shadow: 0 0 6px rgba(148, 163, 184, 0.5);
}
.xg-pcard__status--ok .xg-pcard__status-dot {
  background: #22c55e;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.7);
}
.xg-pcard__status--bad .xg-pcard__status-dot {
  background: #f43f5e;
  box-shadow: 0 0 8px rgba(244, 63, 94, 0.65);
}
.xg-pcard__status-txt {
  font-size: min(2.7cqi, 0.66rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xg-pcard__status--ok .xg-pcard__status-txt {
  color: #86efac;
}
.xg-pcard__status--bad .xg-pcard__status-txt {
  color: #fda4af;
}

.xg-pcard__meta {
  margin: 0;
  flex: 0 1 auto;
  min-width: 0;
  max-width: none;
  text-align: left;
  font-size: min(2.25cqi, 0.56rem);
  font-weight: 650;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.15;
  color: rgba(148, 183, 198, 0.92);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xg-pcard--compact .xg-pcard__status-txt {
  font-size: min(2.45cqi, 0.58rem);
  letter-spacing: 0.06em;
}
.xg-pcard--compact .xg-pcard__meta {
  font-size: min(2cqi, 0.48rem);
  letter-spacing: 0.035em;
}

.pp-xg-pcard-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  container-type: inline-size;
}
.pp-xg-pcard-wrap .xg-pcard {
  width: 100%;
  max-width: 300px;
}
/* Pagina giocatore: foto +15% poi +10% (= ×1.265), alzata +3%; nome +15%; chip +5%; ruolo +3% più in basso */
.pp-xg-pcard-wrap .xg-pcard__photo {
  max-width: 128%;
  max-height: 120%;
  transform: scale(1.265) translateY(-8%);
}
.pp-xg-pcard-wrap .xg-pcard__name {
  font-size: min(8.95cqi, 2.19rem);
}
.pp-xg-pcard-wrap .xg-pcard__delta {
  font-size: min(3.83cqi, 0.945rem);
  padding: 0.21em 0.58em;
  transform: translate(-50%, -50%) scale(1.05);
}
.pp-xg-pcard-wrap .xg-pcard__delta--stable {
  font-size: min(2.68cqi, 0.67rem);
  padding: 0.36em 0.65em 0.32em;
}
.pp-xg-pcard-wrap .xg-pcard__pos {
  top: 5.9%;
  right: 8.6%;
  font-size: min(5.51cqi, 1.204rem);
}

.pl-xg-pcards {
  display: none;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 22px 16px;
  margin: 12px 0 18px;
  container-type: inline-size;
}
.pl-list--pcard .pl-xg-pcards {
  display: grid;
}
.pl-xg-pcards[hidden] {
  display: none !important;
}
.pl-xg-pcards .xg-pcard {
  width: 100%;
  max-width: none;
  min-width: 0;
}

.mgr-xg-pcards {
  display: none;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 22px 16px;
  margin: 12px 0 18px;
  container-type: inline-size;
}
.mgr-xg-pcards .xg-pcard {
  width: 100%;
  max-width: none;
  min-width: 0;
}
/* Manager Card OVR: foto un filo più alta; chip un filo più basso; ruolo +2% più in basso */
.mgr-xg-pcards .xg-pcard__photo {
  transform: scale(1) translateY(-10%);
}
.mgr-xg-pcards .xg-pcard__delta {
  top: 75%;
}
.mgr-xg-pcards .xg-pcard__pos {
  top: 5.9%;
  right: 7.6%;
}

/* Outer .xg-pcard with under-frame Condividi (sibling of .xg-pcard__frame) */
.xg-pcard:has(> .xg-pcard__actions) {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.55rem;
}
.xg-pcard__link {
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
}
.xg-pcard__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex: 0 0 auto;
  pointer-events: auto;
}
.xg-pcard-share-btn {
  position: static;
  z-index: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.32rem;
  min-height: 1.7rem;
  padding: 0.22rem 0.7rem;
  border-radius: 8px;
  font-family: inherit;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.02em;
  line-height: 1;
  border: 1px solid rgba(45, 212, 191, 0.55);
  color: #5eead4;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.xg-pcard-share-btn:hover {
  border-color: rgba(45, 212, 191, 0.9);
  color: #99f6e4;
  background: rgba(13, 148, 136, 0.12);
}
.xg-pcard-share-btn.is-busy,
.xg-pcard-share-btn:disabled {
  opacity: 0.65;
  cursor: wait;
}
.xg-pcard-share-btn__lbl {
  line-height: 1;
}

@media (max-width: 560px) {
  .pp-xg-pcard-wrap {
    max-width: 280px;
  }
}

/*
 * Export-only (html2canvas clone): fixed px layout, no cqi/clamp, slightly taller
 * text bands — avoids glyph clipping from overflow + container queries.
 */
.xg-pcard--export,
.xg-pcard__frame.xg-pcard--export {
  /* Stesse zone della card on-site: non abbassare nome/foto */
  --z-name-t: 46.8%;
  --z-name-b: 56.2%;
  --z-photo-b: 46.5%;
  --z-grid-t: 61.0%;
  --z-grid-b: 84.5%;
  --z-status-t: 89.5%;
  --z-status-b: 99.5%;
  --z-pad-x: 7.5%;
}
.xg-pcard__frame.xg-pcard--export {
  container-type: normal;
  container-name: none;
  box-sizing: border-box;
}
.xg-pcard--export .xg-pcard__pos,
.xg-pcard__frame.xg-pcard--export .xg-pcard__pos {
  font-size: 1.05rem;
  line-height: 1.2;
  letter-spacing: 0.04em;
  padding: 0.12em 0.2em 0.15em 0.28em;
  transform: none;
  overflow: visible;
}
.xg-pcard--export .xg-pcard__ovr,
.xg-pcard__frame.xg-pcard--export .xg-pcard__ovr {
  font-size: 4.14rem;
  line-height: 1;
  letter-spacing: -0.03em;
  overflow: visible;
  display: block;
  margin: 0;
  padding: 0;
  top: 38%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.xg-pcard--export .xg-pcard__ovr-block,
.xg-pcard__frame.xg-pcard--export .xg-pcard__ovr-block {
  position: relative;
  height: 100%;
  overflow: visible;
}
.xg-pcard--export .xg-pcard__delta,
.xg-pcard__frame.xg-pcard--export .xg-pcard__delta {
  font-size: 0.8rem;
  line-height: 1;
  margin: 0;
  padding: 0.18em 0.52em;
  position: absolute;
  left: 50%;
  top: 72%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.xg-pcard--export .xg-pcard__delta--stable,
.xg-pcard__frame.xg-pcard--export .xg-pcard__delta--stable {
  font-size: 0.58rem;
  letter-spacing: 0.05em;
  padding: 0.32em 0.58em 0.28em;
  line-height: 1;
}
.xg-pcard--export .xg-pcard__delta > [aria-hidden="true"],
.xg-pcard__frame.xg-pcard--export .xg-pcard__delta > [aria-hidden="true"] {
  display: block;
  line-height: 1;
  transform: translateY(-0.06em);
}
.xg-pcard--export .xg-pcard__photo-wrap,
.xg-pcard__frame.xg-pcard--export .xg-pcard__photo-wrap {
  overflow: hidden;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.xg-pcard--export .xg-pcard__photo,
.xg-pcard__frame.xg-pcard--export .xg-pcard__photo {
  margin: 0;
  max-width: 104%;
  max-height: 100%;
  object-position: center center;
  transform: scale(1) translateY(-10%);
  transform-origin: center center;
}
.xg-pcard--export .xg-pcard__nameplate,
.xg-pcard__frame.xg-pcard--export .xg-pcard__nameplate {
  left: 7.5%;
  right: 7.5%;
  gap: 0.22em;
  overflow: visible;
  justify-content: center;
  padding: 0.15em 0;
}
.xg-pcard--export .xg-pcard__name,
.xg-pcard__frame.xg-pcard--export .xg-pcard__name {
  font-family: "Barlow Semi Condensed", "Segoe UI Condensed", "Arial Narrow", sans-serif;
  font-stretch: semi-condensed;
  font-size: 1.53rem;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: 0.015em;
  padding: 0.06em 0.15em 0.1em;
  overflow: visible;
  text-overflow: clip;
}
.xg-pcard--export .xg-pcard__sub,
.xg-pcard__frame.xg-pcard--export .xg-pcard__sub {
  font-size: 0.58rem;
  line-height: 1.3;
  letter-spacing: 0.03em;
  padding: 0.04em 0.1em 0.08em;
  overflow: visible;
  text-overflow: clip;
  max-width: none;
}
.xg-pcard--export .xg-pcard__grid,
.xg-pcard__frame.xg-pcard--export .xg-pcard__grid {
  left: 6.5%;
  right: 6.5%;
  overflow: visible;
}
.xg-pcard--export .xg-pcard__cell,
.xg-pcard__frame.xg-pcard--export .xg-pcard__cell {
  gap: 0.18em;
  padding: 0.35em 0.35em 0.45em;
  overflow: visible;
}
.xg-pcard--export .xg-pcard__cell:nth-child(n + 3),
.xg-pcard__frame.xg-pcard--export .xg-pcard__cell:nth-child(n + 3) {
  padding-top: 0.75em;
  padding-bottom: 0.35em;
  transform: translateY(-5%);
}
.xg-pcard--export .xg-pcard__k,
.xg-pcard__frame.xg-pcard--export .xg-pcard__k {
  font-size: 0.58rem;
  line-height: 1.25;
  letter-spacing: 0.06em;
  padding-bottom: 0.05em;
  overflow: visible;
}
.xg-pcard--export .xg-pcard__v,
.xg-pcard__frame.xg-pcard--export .xg-pcard__v {
  font-size: 0.98rem;
  line-height: 1.25;
  padding: 0.05em 0.12em 0.1em;
  overflow: visible;
  text-overflow: clip;
  max-width: none;
}
.xg-pcard--export .xg-pcard__v--gold,
.xg-pcard__frame.xg-pcard--export .xg-pcard__v--gold {
  font-size: 1.19rem;
}
.xg-pcard--export .xg-pcard__meter,
.xg-pcard__frame.xg-pcard--export .xg-pcard__meter {
  height: 0.32em;
  margin-top: 0.2em;
}
.xg-pcard--export .xg-pcard__foot,
.xg-pcard__frame.xg-pcard--export .xg-pcard__foot {
  left: 5%;
  right: 5%;
  gap: 0;
  padding: 0.2em 0 0.35em;
  overflow: visible;
  justify-content: center;
}
.xg-pcard--export .xg-pcard__market,
.xg-pcard__frame.xg-pcard--export .xg-pcard__market {
  bottom: calc(55% + 1.25em);
  font-size: 0.6rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
  overflow: visible;
}
.xg-pcard--export .xg-pcard__status-txt,
.xg-pcard__frame.xg-pcard--export .xg-pcard__status-txt {
  font-size: 0.6rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  padding: 0.05em 0.08em 0.1em;
  overflow: visible;
  text-overflow: clip;
}
.xg-pcard--export .xg-pcard__meta,
.xg-pcard__frame.xg-pcard--export .xg-pcard__meta {
  font-size: 0.5rem;
  line-height: 1.3;
  letter-spacing: 0.03em;
  padding: 0.04em 0.06em 0.08em;
  overflow: visible;
  text-overflow: clip;
}
.xg-pcard--export.xg-pcard--compact .xg-pcard__status-txt,
.xg-pcard--export.xg-pcard--compact .xg-pcard__meta {
  font-size: 0.52rem;
  letter-spacing: 0.04em;
}
.xg-pcard--export.xg-pcard--compact .xg-pcard__meta {
  font-size: 0.44rem;
}