.pf-digital-card {
  --digital-accent:#1595ff;
  position:relative;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto auto;
  overflow:hidden;
  aspect-ratio:5/7;
  width:100%;
  height:100%;
  border:2px solid var(--digital-accent);
  border-radius:10px;
  color:#eaf8ff;
  background:#050d14;
  box-shadow:0 12px 18px #000b,0 0 16px color-mix(in srgb,var(--digital-accent) 42%,transparent);
  transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));
  transition:transform 160ms cubic-bezier(.22,1,.36,1),box-shadow 160ms ease;
  pointer-events:none;
}
.pf-digital-card > * { position:relative; z-index:1; }
.pf-digital-card-art {
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 48% 18%,color-mix(in srgb,var(--digital-accent) 24%,transparent),transparent 34%),
    linear-gradient(160deg,#0a1926,#050d14 70%);
}
.pf-digital-card-art img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:1;
  filter:saturate(1.12) contrast(1.08) brightness(1);
}
.pf-digital-card::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border:1px solid color-mix(in srgb,var(--digital-accent) 76%,#ffffff22);
  border-radius:inherit;
  background:radial-gradient(circle at var(--glint-x, 50%) var(--glint-y, 18%),#ffffff1f 0,transparent 36%);
  box-shadow:inset 0 0 10px #000a,0 0 8px color-mix(in srgb,var(--digital-accent) 44%,transparent);
  mix-blend-mode:screen;
}
.pf-digital-card-foot {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.pf-card-die {
  position:absolute;
  top:8px;
  left:8px;
  z-index:4;
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  border:2px solid #111820;
  border-radius:8px;
  color:#101419;
  background:#f9faf7;
  box-shadow:inset 0 0 0 1px #ffffff,0 2px 7px #0009;
  font:800 1.55rem/1 Arial,Helvetica,sans-serif;
  text-shadow:none;
  text-align:center;
  font-variant-numeric:tabular-nums;
  box-sizing:border-box;
  padding-top:2px;
}
.pf-card-die[data-die-tone="dark"] {
  border-color:#e8edf0;
  color:#f7fafb;
  background:#10151b;
  box-shadow:inset 0 0 0 1px #000,0 2px 7px #0009;
}
.pf-card-die::before,
.pf-card-die::after {
  content:"";
  position:absolute;
  width:3px;
  height:3px;
  border-radius:50%;
  background:currentColor;
  opacity:.58;
}
.pf-card-die::before { top:5px; left:5px; }
.pf-card-die::after { right:5px; bottom:5px; }
.pf-card-cost {
  position:absolute;
  left:8px;
  bottom:8px;
  z-index:4;
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  border:2px solid #1b1605;
  border-radius:50%;
  color:#1e1903;
  background:radial-gradient(circle at 34% 28%,#fff4a4 0 7%,#f0c52c 26%,#bd8508 73%,#704400 100%);
  box-shadow:inset 0 0 0 2px #f8e37b,0 2px 7px #000b;
  font:800 1.52rem/1 Georgia,"Times New Roman",serif;
  text-shadow:0 1px #fff8;
  text-align:center;
  font-variant-numeric:tabular-nums;
  box-sizing:border-box;
  padding-bottom:2px;
}
.pf-digital-card-title {
  align-self:end;
  padding:0 11px 3px;
  color:#f8f4ea;
  font:800 1.19rem/1.03 "Barlow Condensed",Arial,sans-serif;
  letter-spacing:0;
  text-transform:uppercase;
  text-shadow:0 2px 8px #000,0 0 9px #000;
}
.pf-card-symbol {
  position:absolute;
  top:8px;
  right:8px;
  z-index:4;
  display:grid;
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  max-width:40px;
  max-height:40px;
  box-sizing:border-box;
  place-items:center;
  border:2px solid #ecf3f6;
  border-radius:50%;
  background:#050505;
  box-shadow:0 2px 7px #000b;
}
.pf-card-symbol svg {
  width:66%;
  height:66%;
  fill:#fff;
}
.pf-digital-card-rules {
  margin:0 10px 20px;
  padding:8px 10px;
  border-radius:7px;
  color:#edf7ff;
  background:#02101ad8;
  font:400 .79rem/1.28 Georgia,serif;
  text-shadow:0 1px #000;
}
.pf-digital-card-foot {
  padding:0 10px 9px 62px;
  color:#b8d6e3;
  font:700 .59rem/1.1 "Orbitron",Arial,sans-serif;
  letter-spacing:0;
  text-transform:uppercase;
}
.pf-digital-card-foot span {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pf-card-quantity {
  position:absolute;
  right:5px;
  bottom:5px;
  z-index:4;
  min-width:27px;
  height:20px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--digital-accent) 62%,#eaf8ff);
  color:#fff;
  background:#04101ae8;
  box-shadow:0 0 8px color-mix(in srgb,var(--digital-accent) 48%,transparent);
  font:800 .79rem/1 "Barlow Condensed",Arial,sans-serif;
}
.pf-digital-card--owned {
  border-width:1px;
  border-radius:7px;
}
.pf-digital-card--owned .pf-card-die,
.pf-digital-card--owned .pf-card-cost,
.pf-digital-card--owned .pf-card-symbol,
.pf-card-cost--owned {
  width:28px;
  height:28px;
  font-size:1.14rem;
  border-width:1px;
}
.pf-digital-card--owned .pf-card-symbol {
  min-width:28px;
  min-height:28px;
  max-width:28px;
  max-height:28px;
}
.pf-digital-card--owned .pf-digital-card-title {
  padding:0 7px 3px;
  font-size:.86rem;
}
.pf-digital-card--owned .pf-digital-card-rules,
.pf-digital-card--owned .pf-digital-card-foot {
  display:none;
}
.pf-digital-card--market .pf-digital-card-rules,
.pf-digital-card--market .pf-digital-card-foot {
  display:none;
}
.pf-digital-card--market .pf-digital-card-title {
  padding-bottom:7px;
  font-size:1.34rem;
}
.pf-digital-card--preview {
  border-radius:16px;
}
.pf-digital-card--preview .pf-card-die,
.pf-digital-card--preview .pf-card-cost,
.pf-digital-card--preview .pf-card-symbol {
  width:56px;
  height:56px;
}
.pf-digital-card--preview .pf-card-symbol {
  min-width:56px;
  min-height:56px;
  max-width:56px;
  max-height:56px;
}
.pf-digital-card--preview .pf-card-die { font-size:2.05rem; }
.pf-digital-card--preview .pf-card-cost { font-size:1.98rem; }
.pf-digital-card--preview .pf-card-die { top:8px; left:8px; border-radius:11px; }
.pf-digital-card--preview .pf-card-cost { left:8px; bottom:8px; }
.pf-digital-card--preview .pf-card-symbol { top:8px; right:8px; }
.pf-digital-card--preview .pf-digital-card-title {
  padding:0 20px 6px;
  font-size:2.4rem;
}
.pf-digital-card--preview .pf-digital-card-rules {
  margin:0 20px 28px;
  padding:14px 16px;
  font-size:1.14rem;
}
.pf-digital-card--preview[data-rules-size="short"] .pf-digital-card-rules {
  justify-self:center;
  min-width:68%;
  padding:12px 18px;
  font-size:1.3rem;
  line-height:1.2;
  text-align:center;
}
.pf-digital-card--preview[data-rules-size="medium"] .pf-digital-card-rules {
  min-height:72px;
  font-size:1.19rem;
}
.pf-digital-card--preview[data-rules-size="long"] .pf-digital-card-rules {
  min-height:104px;
  padding:16px 18px;
  font-size:1.08rem;
  line-height:1.25;
}
.pf-digital-card--preview[data-rules-size="dense"] .pf-digital-card-rules {
  min-height:134px;
  padding:16px 18px;
  font-size:.97rem;
  line-height:1.22;
}
.pf-digital-card--preview .pf-digital-card-foot {
  padding:0 20px 18px 96px;
  font-size:.84rem;
}
.pf-digital-card--editor {
  width:340px;
  height:auto;
  min-height:476px;
  border-radius:14px;
}