.card{--frame-a:#9aa3b0;--frame-b:#38404c;--frame-glow:transparent;--gem:#aeb6c2;--accent:var(--frame-a);aspect-ratio:5/7;width:100%;font-family:var(--font-body);color:var(--ivory);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:relative;container-type:inline-size}.rarity-common{--frame-a:#9aa3b0;--frame-b:#38404c;--gem:#aeb6c2}.rarity-rare{--frame-a:#6fa9ff;--frame-b:#1d3f7c;--frame-glow:#3b82f673;--gem:#5b9bff}.rarity-epic{--frame-a:#c58bff;--frame-b:#5a2893;--frame-glow:#a855f780;--gem:#b36bff}.rarity-legendary{--frame-a:#f4d47e;--frame-b:#8a6416;--frame-glow:#e0b04b8c;--gem:#f2c24a}.rarity-mythic{--frame-a:#ff6a6f;--frame-b:#7a0f18;--frame-glow:#e11d2eb3;--gem:#ff2a3a}.card__body{background:linear-gradient(145deg, #ffffff59, transparent 28%, transparent 72%, #ffffff1f), linear-gradient(155deg, var(--frame-a) 0%, var(--frame-b) 52%, var(--frame-a) 100%);box-shadow:0 0 0 .5cqw #000000d9, 0 1.4cqw 3.2cqw #000000b3, 0 0 4cqw var(--frame-glow);border-radius:6cqw;padding:3cqw;position:absolute;inset:0}.card__face{background:radial-gradient(120% 70% at 50% 0,#ffffff0d,#0000 60%),linear-gradient(#1a202b 0%,#10141c 100%);border-radius:4cqw;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .6cqw #000000bf,inset 0 0 5cqw #000000d9}.card__art{height:51%;box-shadow:0 .8cqw 0 -.3cqw var(--frame-b), inset 0 -.5cqw 0 var(--frame-a);position:absolute;inset:0 0 auto;overflow:hidden}.card__art img{object-fit:cover;object-position:50% 35%;width:100%;height:100%;display:block}.card__art-shade{background:linear-gradient(#0000,#080a0ec7);height:45%;position:absolute;inset:auto 0 0}.card__cost{z-index:3;place-items:center;width:18cqw;height:19cqw;display:grid;position:absolute;top:2.6cqw;left:2.6cqw}.card__cost-gem{color:#2f7bff;filter:drop-shadow(0 .8cqw .9cqw #000000bf)drop-shadow(0 0 1.4cqw #3c8cffb3);width:100%;height:100%;position:absolute;inset:0}.card__cost span{font:700 10.5cqw/1 var(--font-display);color:#fff;text-shadow:0 .5cqw .6cqw #001450e6,0 0 1cqw #001450cc;position:relative}.card__faction{border:.7cqw solid var(--frame-a);width:11cqw;height:11cqw;color:var(--frame-a);z-index:3;background:radial-gradient(circle at 35% 30%,#2a3140,#0c0f15);border-radius:50%;place-items:center;font-size:6.5cqw;display:grid;position:absolute;top:2.6cqw;right:2.6cqw;box-shadow:0 .6cqw 1.2cqw #000000b3}.card__cost span:before,.card__stat span:before{content:attr(data-v)}.card__plate{border:.6cqw solid var(--frame-a);z-index:2;background:linear-gradient(#2b3340 0%,#171c26 55%,#0f131b 100%);border-radius:1.8cqw;place-items:center;min-height:12.5cqw;padding:1.2cqw 3cqw;display:grid;position:absolute;top:44.5%;left:3.5cqw;right:3.5cqw;box-shadow:0 .8cqw 1.8cqw #000000bf,inset 0 .3cqw #ffffff2e}.card__name{font:600 5.3cqw/1.1 var(--font-display);letter-spacing:.015em;text-align:center;text-wrap:balance;color:#fbf4de;text-shadow:0 .4cqw .6cqw #000000e6}.card__type{text-align:center;font:600 3.2cqw/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--frame-a);text-shadow:0 .3cqw .5cqw #000000e6;z-index:1;position:absolute;top:calc(44.5% + 14.5cqw);left:0;right:0}.card__text{text-align:center;background:linear-gradient(#080a0f9e,#080a0fdb);border-radius:2cqw;flex-direction:column;justify-content:center;gap:1.3cqw;padding:2.2cqw 2.8cqw 11cqw;display:flex;position:absolute;inset:calc(44.5% + 20.5cqw) 5cqw 3cqw;overflow:hidden;box-shadow:inset 0 0 0 .4cqw #ffffff12}.card__rules{font:500 4.35cqw/1.2 var(--font-body);color:#efe7d3;text-wrap:pretty;margin:0}.card__rules b{color:#fff3c4;font-weight:700}.card__flavor{font:italic 400 3.55cqw/1.2 var(--font-body);color:#98a1b1;text-wrap:pretty;margin:0}.card__stat{z-index:3;border:1cqw solid #f3d98d;border-radius:50%;place-items:center;width:17.5cqw;height:17.5cqw;display:grid;position:absolute;bottom:2.4cqw;box-shadow:0 .9cqw 1.6cqw #000c,inset 0 0 1.8cqw #0000008c}.card__stat span{font:700 9.6cqw/1 var(--font-display);color:#fff;text-shadow:0 .5cqw .7cqw #000000f2;position:relative}.card__stat-icon{opacity:.18;width:56%;height:56%;position:absolute;inset:22%}.card__stat--attack{background:radial-gradient(circle at 35% 28%,#f1cf78,#8a5a14 85%);left:2.4cqw}.card__stat--health{background:radial-gradient(circle at 35% 28%,#ec6468,#6c1017 85%);border-color:#e9b7b9;right:2.4cqw}.card__stat--kind{border-color:var(--frame-a);background:radial-gradient(circle at 35% 28%,#6a7587,#262c38 85%);width:12cqw;height:12cqw;bottom:11cqw;left:50%;transform:translate(-50%)}.card__stat--kind .card__stat-icon{opacity:.85;color:#f4eed9;width:52%;height:52%;inset:24%}.card__stat.up span{color:#8cff9c}.card__stat.down span{color:#ff8a8a}.card__gem{background:radial-gradient(circle at 32% 30%, #ffffffd9, var(--gem) 42%, #000000b3 100%);width:7.2cqw;height:7.2cqw;box-shadow:0 0 2.4cqw var(--frame-glow);z-index:3;position:absolute;bottom:4.5cqw;left:50%;transform:translate(-50%)}.rarity-common .card__gem{border-radius:50%;width:5.4cqw;height:5.4cqw}.rarity-rare .card__gem{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.rarity-epic .card__gem{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}.rarity-legendary .card__gem{clip-path:polygon(50% 0,62% 35%,98% 38%,70% 60%,80% 95%,50% 75%,20% 95%,30% 60%,2% 38%,38% 35%);width:9cqw;height:9cqw}.rarity-mythic .card__gem{clip-path:polygon(50% 0,60% 30%,90% 18%,72% 45%,100% 62%,66% 66%,70% 100%,50% 80%,30% 100%,34% 66%,0 62%,28% 45%,10% 18%,40% 30%);width:10cqw;height:10cqw;animation:2.2s ease-in-out infinite gem-pulse}.card__copies{border:.5cqw solid var(--frame-a);font:700 4.4cqw/1.2 var(--font-display);z-index:4;background:#080a0ed9;border-radius:99px;padding:.6cqw 3cqw;position:absolute;top:1.5cqw;left:50%;transform:translate(-50%)}.card__copies:before{content:"×" attr(data-copies)}.card__sheen{pointer-events:none;z-index:5;border-radius:6cqw;position:absolute;inset:0;overflow:hidden}.card__sheen:after{content:"";background:linear-gradient(100deg,#0000,#ffffff47,#0000);width:28%;animation:5.5s ease-in-out infinite sheen;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:skew(-18deg)}.rarity-mythic .card__sheen:after{background:linear-gradient(100deg,#0000,#ffbebe57,#0000);animation-duration:4.2s}.rarity-mythic .card__body{animation:2.6s ease-in-out infinite mythic-glow}.card__embers{pointer-events:none;z-index:5;border-radius:6cqw;position:absolute;inset:0;overflow:hidden}.card__embers i{opacity:0;background:#ff9a7a;border-radius:50%;width:1.6cqw;height:1.6cqw;animation:3.4s linear infinite ember;position:absolute;bottom:-4cqw;box-shadow:0 0 2cqw .5cqw #ff4632e6}.card__embers i:first-child{animation-delay:0s;left:12%}.card__embers i:nth-child(2){animation-duration:3.9s;animation-delay:.9s;left:28%}.card__embers i:nth-child(3){animation-delay:1.7s;left:46%}.card__embers i:nth-child(4){animation-duration:4.2s;animation-delay:.5s;left:63%}.card__embers i:nth-child(5){animation-delay:2.3s;left:79%}.card__embers i:nth-child(6){animation-duration:3.6s;animation-delay:1.3s;left:90%}@keyframes sheen{0%,62%{left:-40%}to{left:140%}}@keyframes gem-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.6)drop-shadow(0 0 1.5cqw #ff2a3a)}}@keyframes mythic-glow{0%,to{box-shadow:0 0 0 .5cqw #000000d9,0 1.4cqw 3.2cqw #000000b3,0 0 3cqw #e11d2e8c}50%{box-shadow:0 0 0 .5cqw #000000d9,0 1.4cqw 3.2cqw #000000b3,0 0 7cqw #ff283cf2}}@keyframes ember{0%{opacity:0;transform:translateY(0)scale(1)}12%{opacity:1}to{opacity:0;transform:translateY(-120cqw)translate(4cqw)scale(.3)}}.card--mini .card__text,.card--mini .card__type,.card--hand .card__text,.card--hand .card__type{display:none}.card--mini .card__art,.card--hand .card__art{height:66%}.card--mini .card__plate,.card--hand .card__plate{top:60%}.card--mini .card__name,.card--hand .card__name{font-size:6.6cqw}.card--mini .card__stat--kind,.card--hand .card__stat--kind{bottom:4cqw}.card--mini .card__gem,.card--hand .card__gem{bottom:8cqw}.card--dimmed{filter:grayscale(.85)brightness(.55)}.card--back .card__face--back{background:radial-gradient(60% 40% at 50% 50%, color-mix(in srgb, var(--accent-faction,var(--frame-a)) 40%, transparent), transparent 70%), repeating-linear-gradient(45deg, #ffffff0a 0 1.2cqw, transparent 1.2cqw 2.4cqw), linear-gradient(180deg, #1a202b, #0b0e14);place-items:center;display:grid}.card__back-seal{width:36cqw;height:36cqw;color:var(--frame-a);border:1cqw solid var(--frame-a);box-shadow:0 0 5cqw var(--frame-glow);background:radial-gradient(circle,#1b2230,#0a0d13);border-radius:50%;place-items:center;font-size:22cqw;display:grid}.faction-orda{--accent-faction:#f07a3c}.faction-regni{--accent-faction:#6fa0ff}.faction-elfi{--accent-faction:#6fe3b0}.faction-clan{--accent-faction:#41c0f0}.faction-dannati{--accent-faction:#a6e04a}@media (prefers-reduced-motion:reduce){.card__sheen:after,.card__embers i,.rarity-mythic .card__body,.rarity-mythic .card__gem{animation:none}.card__embers{display:none}}:root[data-effects=low] .card__sheen:after,:root[data-effects=low] .card__embers i,:root[data-effects=low] .rarity-mythic .card__body,:root[data-effects=low] .rarity-mythic .card__gem{animation:none}:root[data-effects=low] .card__embers{display:none}