/* TRODAIRE: painted regional card fronts, v3 */
.card{box-sizing:border-box;background:linear-gradient(135deg,#fff8e7,var(--paper,#eee4cd));border:calc(var(--w)*.015) solid var(--ink,#263326);border-radius:calc(var(--w)*.05);font-size:calc(var(--w)*.063);box-shadow:0 0 0 1px #c6a05d,0 5px 13px #0009;isolation:isolate}
.card::after{content:"";position:absolute;inset:0;background:var(--ornament) center/100% 100% no-repeat;z-index:8;pointer-events:none}
.card .cart{position:relative;flex-shrink:0;margin:calc(var(--w)*.025) calc(var(--w)*.025) 0;height:45%;background-image:linear-gradient(0deg,#0004,transparent 45%),var(--landscape);background-size:cover;background-position:center;border:1px solid #d7b676;border-radius:calc(var(--w)*.025) calc(var(--w)*.025) 0 0;overflow:hidden}
.card .cart img{position:relative;width:96%;height:86%;max-width:none;max-height:none;flex-shrink:0;align-self:flex-end;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 4px #0009);z-index:1}
.card .cart::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 calc(var(--w)*.06) #0007;pointer-events:none}
.card .emb{width:52%;max-height:86%;z-index:2;background:radial-gradient(circle at 35% 25%,var(--el),var(--ink) 80%);border:calc(var(--w)*.006) solid #dfc085;box-shadow:0 3px 12px #0008,inset 0 0 12px #ffffff25;align-self:center}
.card .emb b{font-size:calc(var(--w)*.20);color:#fff0c6;text-shadow:0 2px 4px #0008}.card .emb i{font-size:calc(var(--w)*.065);color:#fff0c6}.card .emb.relic{width:42%;border-radius:20%}
.card .cname{position:relative;flex:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;font-family:Georgia,serif;font-weight:bold;font-size:1.12em;line-height:1.08;margin:0 calc(var(--w)*.025);padding:.35em .40em .3em;color:#fff3d2;background:linear-gradient(90deg,var(--ink),var(--eld),var(--ink));border-bottom:1px solid #cfa85e;text-shadow:0 1px 1px #000}
.card .ctype{flex:none;padding:.38em .65em .25em;font:600 .66em/1.2 Arial,sans-serif;letter-spacing:.05em;color:var(--ink)}
.card .ctext{min-height:0;font: .82em/1.24 Georgia,serif;padding:.25em .65em;overflow:hidden;color:#29261d}
.card .ctext i{color:#655c4b;font-size:.93em}.card .ctext i.fl{display:block;margin-top:.32em}
.card .cpow{margin:0 .6em;padding:.25em .4em;border-radius:.18em;font-size:.75em;line-height:1.2;max-height:5.2em;background:#fffaf0bd;border:1px solid color-mix(in srgb,var(--el) 65%,#79613c);border-left:.23em solid var(--el)}
.card .ccost,.card .cen{z-index:7;border:2px solid #e3c27d;box-shadow:0 2px 4px #0009,0 0 0 1px var(--ink);color:#fff8e5;background:radial-gradient(circle at 35% 25%,var(--el),var(--ink) 85%);font-family:Georgia,serif}
.card .ccost{top:.35em;left:.45em;width:1.2em;height:1.2em;font-size:1.10em}
.card .cglyph{z-index:7;top:.35em;right:.45em;width:1.3em;height:1.3em;display:grid;place-items:center;background:var(--ink);color:#fff1c3;border:1px solid #d2af67;border-radius:50%;font-size:1.05em;text-shadow:none;box-shadow:0 2px 4px #0007}
.card .cen{bottom:.50em;right:.53em;min-width:1.7em;height:1.7em;font-size:1.15em}
.card .cfoot{height:calc(var(--w)*.08)}.card .cfoot.en{height:calc(var(--w)*.125)}
.card .cnum{bottom:2.8%;left:6.5%;max-width:68%;font-size:calc(var(--w)*.037);color:var(--ink)}
.card .ccopy{font-family:Arial,sans-serif;font-size:.68em}
.card .cmaker{font-size:.7em}.card .cset svg{width:1.25em;height:1.25em}
.card.full{font-size:calc(var(--w)*.06)}.card.full .cart{height:auto;aspect-ratio:5/3}.card.full .cname{font-size:1.35em}.card.full .ctext{font-size:.95em}.card.full .cpow{font-size:.85em;max-height:none}
.hcard .card .cart{height:64%;margin:.2em .2em 0}.hcard .card .cname{font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card.r-rare .cname,.card.r-legendary .cname{color:#fff0be}.card.r-legendary .cname{-webkit-background-clip:border-box;background-clip:border-box;background:linear-gradient(90deg,var(--ink),var(--eld),var(--ink))}.card.r-legendary{animation:none;transform:none;background:linear-gradient(135deg,#fff4db,var(--paper)) padding-box;box-shadow:0 0 0 2px #e0bd6e,0 0 16px #c9a15877,0 4px 12px #0009}.card.r-legendary .holo{opacity:.10}

.card.el-verdant{--ink:#23452e;--paper:#eaf0dc;--landscape:url("art/card-landscape-verdant-v3.webp");--ornament:url("art/card-frame-verdant-v3.svg")}
.card.el-tide{--ink:#153e58;--paper:#e4f1ed;--landscape:url("art/card-landscape-tide-v3.webp");--ornament:url("art/card-frame-tide-v3.svg")}
.card.el-ember{--ink:#57251c;--paper:#f5e5d2;--landscape:url("art/card-landscape-ember-v3.webp");--ornament:url("art/card-frame-ember-v3.svg")}
.card.el-frost{--ink:#264858;--paper:#eaf3f5;--landscape:url("art/card-landscape-frost-v3.webp");--ornament:url("art/card-frame-frost-v3.svg")}
.card.el-sand{--ink:#60451e;--paper:#f2e7cc;--landscape:url("art/card-landscape-sand-v3.webp");--ornament:url("art/card-frame-sand-v3.svg")}
.card.el-gear{--ink:#493727;--paper:#ece3d4;--landscape:url("art/card-landscape-gear-v3.webp");--ornament:url("art/card-frame-gear-v3.svg")}
.card.el-gloom{--ink:#342847;--paper:#eae2ed;--landscape:url("art/card-landscape-gloom-v3.webp");--ornament:url("art/card-frame-gloom-v3.svg")}
.card.el-toxic{--ink:#35441e;--paper:#ecedcf;--landscape:url("art/card-landscape-toxic-v3.webp");--ornament:url("art/card-frame-toxic-v3.svg")}
.card.el-void{--ink:#40233f;--paper:#eee0e9;--landscape:url("art/card-landscape-void-v3.webp");--ornament:url("art/card-frame-void-v3.svg")}
.card.el-lore{--ink:#4b3e29;--paper:#f3ead6;--landscape:url("art/card-landscape-lore-v3.webp");--ornament:url("art/card-frame-lore-v3.svg")}