/* Playable interpretation of the original home illustrations. One face everywhere. */
.tcg-face[data-rarity] .tcg-inner { inset:0; }
.tcg-face[data-rarity]::after { background:none; clip-path:none; inset:1%; border:.6cqw solid var(--rarity); opacity:.8; }
.tcg-face[data-rarity] .tcg-frame { display:block; z-index:7; border:1.2cqw solid #e9e9dc; }
.tcg-frame::before { border-width:1.7cqw; }
.tcg-face { background:#10110f url('assets/card-wear.svg') center/100% 100%; }
.tcg-heading { top:3%; left:27%; right:20%; height:14%; padding:1%; transform:rotate(-2deg); }
.tcg-heading h4 { font-size:var(--title-size,8.7cqw); line-height:1; overflow-wrap:normal; hyphens:auto; text-wrap:balance; }
.tcg-heading span { font-size:2.8cqw; line-height:1.15; margin-top:1.2cqw; letter-spacing:.035em; }
.tcg-cost { top:1.5%; left:1.5%; width:25%; height:18%; padding:2% 3% 3%; transform:rotate(-3deg); clip-path:polygon(10% 0,100% 0,89% 91%,0 100%,0 12%); }
.tcg-cost .tcg-value { font-size:min(var(--value-size),23cqw); }
.tcg-emblem { top:1.5%; right:1.5%; width:19%; height:18%; transform:rotate(3deg); font-size:13cqw; clip-path:polygon(10% 0,92% 0,100% 12%,100% 100%,0 83%); }
.tcg-art { inset:20% 2% 24%; background:#14191d; }
.tcg-footer { inset:76% 1% 1%; border-top:.8cqw solid #d7d7c6; transform:none; }
.tcg-attack,.tcg-defense { bottom:1.5%; width:24%; height:21%; padding:3% 2% 1%; }
.tcg-attack { left:1.5%; clip-path:polygon(0 0,58% 5%,100% 100%,12% 100%,0 88%); padding-right:9%; }
.tcg-defense { right:1.5%; clip-path:polygon(42% 5%,100% 0,100% 88%,88% 100%,0 100%); padding-left:9%; }
.tcg-attack .tcg-value,.tcg-defense .tcg-value { font-size:min(var(--value-size),21cqw); }
.tcg-block small { font-size:2.4cqw; letter-spacing:0; }
.tcg-ability,.board-card .tcg-ability { top:78%; bottom:5.5%; left:26%; right:26%; font-size:var(--ability-size,3.6cqw); line-height:1.18; text-align:center; text-wrap:pretty; }
.tcg-ability b { display:inline; font-size:inherit; }
.tcg-face[data-rarity] .tcg-edition { bottom:2.5%; left:27%; right:27%; font-size:2.15cqw; line-height:1.1; color:var(--rarity); }
.signature-deck-card { display:block; position:relative; container-type:inline-size; width:100%; aspect-ratio:2/3; }
#collectionGrid .collection-card { height:auto; min-height:0; padding:0; overflow:visible; background:transparent; border:0; }
#collectionGrid .collection-card > i { z-index:12; top:auto; bottom:-7px; right:3px; padding:3px 7px; border:1px solid var(--card-color); background:#08121d; }
#collectionGrid { gap:18px; }