.wd-card{--c-trim:#c9cbd0;--c-gem:#e8e9ec;--c-text:#e4e5e8;--c-title:linear-gradient(180deg, #fff 0%, #cfd1d6 55%, #9a9ca2 100%);--c-glow:#d2d4da40;aspect-ratio:2/3;width:100%;filter:drop-shadow(0 2.5cqw 5cqw #000000b3) drop-shadow(0 0 5cqw var(--c-glow));position:relative;container-type:inline-size}.wd-card[data-rarity=uncommon]{--c-trim:#d6bf7a;--c-gem:#2fa06b;--c-text:#efe6c8;--c-title:linear-gradient(180deg, #fff7de 0%, #eadcb0 60%, #bfa96b 100%);--c-glow:#2fa06b4d}.wd-card[data-rarity=rare]{--c-trim:#cfd9ea;--c-gem:#8cc0ff;--c-text:#eaf0fb;--c-title:linear-gradient(180deg, #fff 0%, #dbe5f5 55%, #9fb2d2 100%);--c-glow:#78aaff59}.wd-card[data-rarity=epic]{--c-trim:#d7c7fb;--c-gem:#b07cff;--c-text:#efe8ff;--c-title:linear-gradient(180deg, #fff 0%, #e4d9fb 55%, #ab96d8 100%);--c-glow:#b07cff66}.wd-card[data-rarity=iconic]{--c-trim:#d4ae58;--c-gem:#e2bb5c;--c-text:#f3ecd9;--c-title:linear-gradient(180deg, #fffaf0 0%, #f1e6c9 55%, #cdb27a 100%);--c-glow:#e2bb5c59}.wd-card[data-rarity=legendary]{--c-trim:#f0c863;--c-gem:#ffcf5c;--c-text:#fbeecb;--c-title:linear-gradient(180deg, #fff6d6 0%, #f7d77e 50%, #c48d2c 100%);--c-glow:#ffc45073}.wd-card__frame{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wd-card__art{z-index:2;background:#050407;border-radius:3cqw;position:absolute;inset:11.8% 4.6% 28.2%;overflow:hidden;box-shadow:inset 0 0 6cqw #000000d9}.wd-card__img{object-fit:cover;width:100%;height:100%}.wd-card__img[data-fit=contain]{object-fit:contain;background:radial-gradient(60% 50% at 50% 50%, color-mix(in srgb, var(--c-gem) 30%, transparent), transparent 75%), #0d0915;padding:9cqw 7cqw}.wd-card__fallback{text-align:center;height:100%;font-family:var(--font-engraved);letter-spacing:.22em;text-transform:uppercase;color:var(--c-text);background:radial-gradient(60% 50% at 50% 44%, color-mix(in srgb, var(--c-gem) 26%, transparent), transparent 72%), #120c1d;place-items:center;padding:8cqw;font-size:4.2cqw;display:grid}.wd-card__text{z-index:4;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.2cqw;display:flex;position:absolute;inset:72.8% 6% 13%}.wd-card__title{max-width:100%;font-family:var(--font-display);background:var(--c-title);color:#0000;filter:drop-shadow(0 .5cqw .6cqw #000000bf);-webkit-line-clamp:2;-webkit-background-clip:text;background-clip:text;-webkit-box-orient:vertical;padding:0 1cqw .8cqw;font-size:11cqw;line-height:1.02;display:-webkit-box;overflow:hidden}.wd-card__title[data-size=long]{font-size:8.2cqw}.wd-card__title[data-size=xlong]{font-size:6.2cqw;line-height:1.08}.wd-card__title[data-size=xxlong]{font-size:5cqw;line-height:1.1}.wd-card__subtitle{width:100%;font-family:var(--font-display);color:var(--c-text);white-space:nowrap;justify-content:center;align-items:center;gap:3cqw;font-size:4.7cqw;display:flex;overflow:hidden}.wd-card__subtitle span{text-overflow:ellipsis;overflow:hidden}.wd-card__subtitle:before,.wd-card__subtitle:after{content:"";background:linear-gradient(90deg, transparent, var(--c-trim));flex:1 1 0;max-width:16cqw;height:.3cqw}.wd-card__subtitle:after{background:linear-gradient(90deg, var(--c-trim), transparent)}.wd-card__pills{z-index:4;height:4.4%;font-family:var(--font-engraved);letter-spacing:.12em;text-transform:uppercase;color:var(--c-text);white-space:nowrap;justify-content:space-between;align-items:center;padding:0 3.2cqw;font-size:3.7cqw;font-weight:600;display:flex;position:absolute;top:88.4%;left:7%;right:7%}.wd-card__finish{z-index:4;height:3.8%;font-family:var(--font-engraved);letter-spacing:.22em;text-transform:uppercase;color:var(--c-text);justify-content:center;align-items:center;font-size:3.6cqw;font-weight:600;display:flex;position:absolute;top:93.6%;left:12%;right:12%}.wd-card__foil{z-index:5;pointer-events:none;mix-blend-mode:color-dodge;opacity:.35;background:linear-gradient(115deg,#0000 20%,#ff008480 30%,#faff0066 42%,#00ff8a66 52%,#00cfff80 60%,#0000 72%);border-radius:4cqw;position:absolute;inset:1% 1.6%}.wd-card[data-finish=prismatic] .wd-card__foil{opacity:.45;background:conic-gradient(from 30deg at 50% 45%,#ff008473,#faff0066,#00ff8a66,#00cfff73,#cc4cfa73,#ff008473)}
