/* Shared print accents: the decorative outline always clears lettering. */
.foil-picker{margin-top:18px;border:1px solid #a7bbc066;border-radius:10px;padding:12px;min-width:0}.foil-picker p{font-size:13px;line-height:1.5}.foil-picker input{min-width:20px;min-height:20px}.foil-picker select{min-height:44px}
.card{--foil-color:#d9b65e}.card[data-foil-color=silver]{--foil-color:#d6dde5}
.card[data-foil=on] .ornament{border-color:var(--foil-color);opacity:1}
.card[data-foil=on] .stat-circle{border-color:var(--foil-color)}
.card[data-foil=on] #cardName{color:var(--foil-color)!important}
.card[data-foil=on].impact .ornament{background:linear-gradient(130deg,var(--foil-color) 0 2%,transparent 2% 97%,var(--foil-color) 97%)}
/* Nameplate strokes are decorative too; keep them outside text padding. */
.card:is(.prism,.tide) .nameplate{border-color:var(--accent);padding-left:3%}
.card[data-foil=on]:is(.prism,.tide,.impact) .nameplate{border-color:var(--foil-color)}
.card .card-foot{font-size:2.8cqw;letter-spacing:.04em;gap:3%;align-items:flex-end}
.card .card-foot span{max-width:49%;overflow-wrap:anywhere}
.card #elementBadge{font-size:2.8cqw;letter-spacing:.06em}
.card .stat-circle span{font-size:2.2cqw}
.card #backStats{font-size:3.3cqw;line-height:1.35;row-gap:1cqw}
.card .back-collection,.card .back-edition,.card .back-story>span{font-size:2.8cqw;letter-spacing:.06em}
.card[data-orientation=landscape] #backStats{font-size:2.5cqw}

/* No ink border or colored rim at trim: artwork fills the entire card. */
.card{border:0!important;box-shadow:none;background:transparent}

/* Export-only separations: white alpha is foil, not printed white ink. */
.card.foil-separation{background:transparent!important;--foil-color:#fff!important}
.card.foil-separation .art,.card.foil-separation .card-top,.card.foil-separation .card-foot,.card.foil-separation .watermark,.card.foil-separation .nameplate>span,.card.foil-separation .stat-circle>*{visibility:hidden!important}
.card.foil-separation .stat-circle{background:transparent!important;box-shadow:none!important;border-color:white!important}
.card.foil-separation #cardName{color:white!important;text-shadow:none!important}
.card.foil-separation .nameplate{background:transparent!important;text-shadow:none!important}
.card.foil-ink-only .ornament,.card.foil-ink-only #cardName{visibility:hidden!important}
.card.foil-ink-only .stat-circle,.card.foil-ink-only .nameplate{border-color:transparent!important}

/* 0.30 mm foil strokes on 63 mm trim; reserve supplier safety clearance. */
.card[data-foil=on] .ornament{inset:2.5% 3.5%;border-width:.48cqw}
.card[data-foil=on].rune .ornament{border-width:1.44cqw}
.card[data-foil=on] .stat-circle{border-width:.48cqw}
.card[data-foil=on].impact .ornament{border:0}

/* Put every decorative stroke on its own masked surface, never over text. */
.card .stat-circle{position:relative;border:0!important}
.card .stat-circle::before{content:'';position:absolute;inset:0;border:1.5px solid var(--accent);border-radius:inherit;pointer-events:none;mask-image:var(--text-clearance-mask);-webkit-mask-image:var(--text-clearance-mask)}
.card[data-foil=on] .stat-circle::before{border-color:var(--foil-color);border-width:.48cqw}
.card .nameplate{border:0!important}
.card .nameplate::before{content:'';position:absolute;inset:0;pointer-events:none;mask-image:var(--text-clearance-mask);-webkit-mask-image:var(--text-clearance-mask)}
.card.prism .nameplate::before{border-left:3px solid var(--accent)}
.card.tide .nameplate::before{border-left:4px solid var(--accent)}
.card.impact .nameplate::before{border-bottom:3px solid var(--accent)}
.card[data-foil=on] .nameplate::before{border-color:var(--foil-color)}
.card.foil-ink-only .stat-circle::before,.card.foil-ink-only .nameplate::before{visibility:hidden!important}

.card .stat-circle{width:14cqw;height:14cqw}

/* Every Storybound style offers frame and name foil, including Open Sky. */
.card[data-foil=on].vista .ornament{display:block;clip-path:none;border:.48cqw solid var(--foil-color);border-radius:2%;opacity:1}
/* Stat rings remain printed; the foil selection covers the frame and name only. */
.card[data-foil=on] .stat-circle::before{border-color:var(--accent);border-width:1.5px}
.card.foil-separation .stat-circle{visibility:hidden!important}
.card.foil-ink-only .stat-circle::before{visibility:visible!important}