.rendered-card {
  --card-w: 1060;
  --card-h: 1484;
  position: relative;
  width: 100%;
  aspect-ratio: 1060 / 1484;
  overflow: hidden;
  border-radius: 4.6%;
  background: #050607;
  box-shadow: 0 10px 26px rgba(0,0,0,0.5);
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  container-type: inline-size;
}
.rendered-card--landscape { aspect-ratio: 1470 / 1070; }
.rendered-card img { user-select: none; pointer-events: none; }
.card-art-window, .card-frame, .card-icon, .card-name, .card-rarity, .card-flavor, .card-rules, .route-stat, .landscape-name, .landscape-text, .pathing-name, .pathing-flavor, .pathing-rules { position: absolute; }
.card-art-window { z-index: 10; left: 11.98%; top: 14.69%; width: 80.66%; height: 49.66%; overflow: hidden; border-radius: 5%; background: #090c10; }
.card-art-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(0.95) contrast(1.08) brightness(0.78); }
.card-art-main { position: absolute; left: 50%; top: 50%; width: 101%; transform: translate(-50%, -50%); filter: brightness(1.28) contrast(1.12) saturate(1.08) drop-shadow(0 8px 12px rgba(0,0,0,0.78)); }
.rendered-card--support .card-art-main { width: 100%; height: 100%; object-fit: cover; filter: saturate(1.04) contrast(1.06) brightness(0.9); }
.card-frame { inset: 0; z-index: 30; width: 100%; height: 100%; object-fit: fill; }
.card-icon { z-index: 50; display: grid; place-items: center; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.78)); }
.card-icon::before { content: ""; grid-area: 1 / 1; width: 108%; height: 108%; border-radius: 999px; background: radial-gradient(circle at 45% 38%, #221925 0%, #10080d 58%, #050405 100%); }
.card-icon img { grid-area: 1 / 1; z-index: 1; width: 100%; height: 100%; object-fit: contain; }
.card-icon strong, .route-stat strong { grid-area: 1 / 1; z-index: 2; color: #fff4d8; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size: 8.4cqw; font-weight: 950; line-height: 0.85; text-shadow: 0 2px 3px #000, 2px 0 0 #1b130a, -2px 0 0 #1b130a, 0 2px 0 #1b130a, 0 -2px 0 #1b130a; }
.card-icon--ev { left: 6.6%; top: 4.04%; width: 18.68%; height: 13.34%; }
.card-icon--type { left: 7.3%; top: 4.55%; width: 17.3%; height: 12.36%; }
.card-icon--cost { left: 80.47%; top: 84.94%; width: 16.42%; height: 11.73%; }
.card-icon--type::before { background: radial-gradient(circle at 45% 38%, #182521 0%, #0a120d 62%, #050705 100%); }
.card-name, .landscape-name, .card-flavor, .card-rules, .landscape-text, .pathing-name, .pathing-flavor, .pathing-rules { z-index: 60; overflow: hidden; text-shadow: 0 1px 2px #000, 0 0 4px rgba(244,211,137,0.35); }
.card-name { left: 32.26%; top: 6.87%; width: 51.13%; height: 5.66%; display: flex; align-items: center; justify-content: center; color: #f1dfbd; font-family: "Bahnschrift Condensed", "Arial Narrow", Impact, sans-serif; font-size: 4.6cqw; font-weight: 900; line-height: 1.02; text-align: center; text-transform: uppercase; white-space: nowrap; letter-spacing: -0.02em; }
.rendered-card--support .card-name { width: 59.81%; font-size: 5cqw; }
.card-name.fit-medium { font-size: 4.05cqw; }
.card-name.fit-long { font-size: 3.65cqw; }
.card-name.fit-extra-long { font-size: 3.2cqw; }
.rendered-card--support .card-name.fit-medium { font-size: 4.35cqw; }
.rendered-card--support .card-name.fit-long { font-size: 3.85cqw; }
.rendered-card--support .card-name.fit-extra-long { font-size: 3.35cqw; }
.card-rarity { z-index: 61; left: 85.66%; top: 7.41%; width: 6.04%; height: 4.31%; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.72)); }
.card-rarity img { width: 100%; height: 100%; object-fit: contain; }
.card-flavor { left: 13.77%; top: 68.73%; width: 77.08%; height: 6.27%; display: flex; align-items: center; justify-content: center; color: #ead8ad; font-family: Georgia, "Times New Roman", serif; font-size: 2.85cqw; font-style: italic; font-weight: 650; line-height: 1.08; text-align: center; white-space: pre-line; }
.card-rules { left: 14.15%; top: 75.9%; width: 63.1%; height: 19.9%; display: flex; flex-direction: column; justify-content: center; gap: 0.23em; color: #efe4cb; font-family: Georgia, "Times New Roman", serif; font-size: 3.15cqw; font-weight: 700; line-height: 1.08; }
.rendered-card--directive .card-rules { font-size: 2.65cqw; gap: 0.08em; line-height: 1.02; }
.rendered-card--node .card-rules { font-size: 2.9cqw; }
.card-rules.fit-medium { font-size: 2.65cqw; }
.card-rules.fit-long { font-size: 2.35cqw; }
.card-rules.fit-extra-long { font-size: 2.08cqw; }
.rendered-card .rule-row {
  min-width: 0;
  max-width: none;
  margin: 0;
  color: inherit;
}
.rendered-card .rule-row--icon {
  display: grid;
  grid-template-columns: 2.85em minmax(0, 1fr);
  align-items: start;
  column-gap: 0.65em;
}
.rendered-card .rule-row--continuation {
  display: block;
  padding-left: calc(2.85em + 0.65em);
}
.rendered-card .rule-row--plain {
  display: block;
  padding-left: 0;
}
.rendered-card .rule-row img {
  width: 2.85em;
  height: 2.85em;
  object-fit: contain;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.82));
}
.rendered-card .rule-row span {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}
.rendered-card .rule-row strong {
  color: #fff0c7;
  font-weight: 900;
}
.rendered-card--landscape .card-art-window { left: 5.71%; top: 6.07%; width: 88.5%; height: 51.5%; border-radius: 3%; }
.rendered-card--landscape .card-frame { content: none; }
.route-stat { z-index: 50; display: grid; place-items: center; filter: drop-shadow(0 2px 3px rgba(0,0,0,0.82)); }
.route-stat img { grid-area: 1 / 1; width: 100%; height: 100%; object-fit: contain; }
.route-stat strong { font-size: 7.5cqw; }
.route-stat--cores { left: 6.53%; top: 58.6%; width: 10.88%; height: 14.95%; }
.route-stat--draw { left: 17.89%; top: 58.6%; width: 10.88%; height: 14.95%; }
.route-stat--magnitude { left: 29.25%; top: 58.6%; width: 10.88%; height: 14.95%; }
.landscape-name { left: 45.71%; top: 63.27%; width: 44.42%; height: 6.26%; display: flex; align-items: center; justify-content: center; font-family: "Bahnschrift Condensed", "Arial Narrow", Impact, sans-serif; font-size: 3.4cqw; font-weight: 900; text-transform: uppercase; white-space: nowrap; }
.landscape-text { left: 6.73%; top: 75.7%; width: 86.39%; height: 16.73%; display: flex; flex-direction: column; justify-content: center; gap: 0.35em; font-family: Georgia, "Times New Roman", serif; font-size: 3.4cqw; font-weight: 700; line-height: 1.1; }
.landscape-text.fit-medium { font-size: 3.05cqw; gap: 0.24em; line-height: 1.05; }
.landscape-text.fit-long { font-size: 2.65cqw; gap: 0.16em; line-height: 1.02; }
.landscape-text.fit-extra-long { font-size: 2.35cqw; gap: 0.08em; line-height: 1; }
.rendered-card--pathing .landscape-text { top: 73.6%; height: 19.85%; }
.landscape-flavor { color: #ead8ad; font-style: italic; text-align: center; }
.pathing-name { left: 8%; top: 63.7%; width: 84%; height: 6.5%; display: flex; align-items: center; justify-content: center; color: #f1dfbd; font-family: "Bahnschrift Condensed", "Arial Narrow", Impact, sans-serif; font-size: 3.4cqw; font-weight: 900; line-height: 0.96; text-align: center; text-transform: uppercase; white-space: nowrap; }
.pathing-name.fit-medium { font-size: 3.05cqw; }
.pathing-name.fit-long { font-size: 2.8cqw; }
.pathing-name.fit-extra-long { font-size: 2.45cqw; }
.pathing-flavor { left: 8%; top: 72.2%; width: 84%; height: 5.5%; display: flex; align-items: center; justify-content: center; color: #ead8ad; font-family: Georgia, "Times New Roman", serif; font-size: 2.55cqw; font-style: italic; font-weight: 650; line-height: 1.08; text-align: center; }
.pathing-rules { left: 12%; top: 79.2%; width: 76%; height: 13.7%; display: flex; flex-direction: column; justify-content: flex-start; gap: 0.18em; color: #efe4cb; font-family: Georgia, "Times New Roman", serif; font-size: 3.05cqw; font-weight: 700; line-height: 1.04; }
.pathing-flavor.fit-medium { font-size: 2.2cqw; }
.pathing-flavor.fit-long { font-size: 1.95cqw; }
.pathing-flavor.fit-extra-long { font-size: 1.72cqw; }
.pathing-rules.fit-medium { font-size: 2.55cqw; line-height: 1.04; }
.pathing-rules.fit-long { font-size: 2.25cqw; line-height: 1.02; }
.pathing-rules.fit-extra-long { font-size: 1.95cqw; line-height: 1; }
.rendered-card--pathing .rule-row--icon { grid-template-columns: 1.72em minmax(0, 1fr); column-gap: 0.58em; }
.rendered-card--pathing .rule-row--continuation { padding-left: calc(1.72em + 0.58em); }
.rendered-card--pathing .rule-row img { width: 1.72em; height: 1.72em; }