.cf-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;width:var(--w);aspect-ratio:5/7;font-size:calc(var(--w) / 12);perspective:900px;-webkit-user-select:none;user-select:none;font-family:var(--font-body);color:#1b1530;flex-shrink:0;position:relative}.cf-card__inner{transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;background:linear-gradient(160deg, color-mix(in srgb, var(--rarity) 85%, white) 0%, var(--rarity) 35%, color-mix(in srgb, var(--rarity) 55%, black) 100%);border-radius:.75em;padding:.28em;transition:transform .25s ease-out,box-shadow .3s,filter .3s;position:absolute;inset:0;box-shadow:0 .35em 1em #0000008c,0 0 0 .12em #0009}.cf-card--interactive:hover .cf-card__inner,.cf-card--interactive[data-hover] .cf-card__inner{box-shadow:0 1.2em 2.4em #0009, 0 0 1.6em color-mix(in srgb, var(--rarity) 60%, transparent);transition:transform 60ms linear,box-shadow .3s}.cf-card--clickable{cursor:pointer}.cf-card__frame{background:radial-gradient(120% 60% at 50% 0,#ffffff14,#0000 60%),linear-gradient(#2b2260 0%,#151036 100%);border-radius:.55em;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.cf-art{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--art) 70%, white) 0%, var(--art) 38%, color-mix(in srgb, var(--art) 35%, black) 100%);position:relative;overflow:hidden}.cf-art img{object-fit:cover;object-position:center 28%;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:block}.cf-card--interactive[data-hover] .cf-art img,.cf-card--interactive[data-hover] .cf-art__emoji{transform:scale(1.08)}.cf-art__emoji{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.cf-art--emoji{place-items:center;display:grid}.cf-art__emoji{filter:drop-shadow(0 .08em .12em #00000080);z-index:1;font-size:4.4em;line-height:1;position:relative}.cf-art__rays{background:repeating-conic-gradient(#ffffff1a 0deg 8deg,#0000 8deg 22deg);animation:40s linear infinite cf-spin;position:absolute;inset:-50%}@keyframes cf-spin{to{transform:rotate(360deg)}}.cf-card__art{height:var(--art-h,58%);border-bottom:.12em solid color-mix(in srgb, var(--rarity) 70%, black);flex-shrink:0}.cf-card__name{z-index:2;text-align:center;border:.1em solid color-mix(in srgb, var(--rarity) 70%, black);font-family:var(--font-title);color:#22183f;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#fff9ec,#e9dcbd);border-radius:.4em;margin:-.95em .35em 0;padding:.22em .5em;font-size:.86em;font-weight:800;line-height:1.1;position:relative;overflow:hidden;box-shadow:0 .12em .3em #00000073}.cf-card__type{letter-spacing:.12em;text-transform:uppercase;color:#cfc6ff;justify-content:center;align-items:center;gap:.35em;margin-top:.18em;font-size:.52em;font-weight:700;display:flex}.cf-card__gem{background:var(--rarity);width:.9em;height:.9em;box-shadow:0 0 .5em var(--rarity);border:.08em solid #ffffffb3;transform:rotate(45deg)}.cf-card__text{text-align:center;background:linear-gradient(#f7f0dd,#e3d6b5);border-radius:.4em;flex-direction:column;flex:1;justify-content:center;min-height:0;margin:.2em .35em .35em;padding:.28em .4em;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 .08em .3em #00000040}.cf-card:not(.cf-card--full) .cf-card__text:after{content:"";pointer-events:none;background:linear-gradient(#e3d6b500,#e3d6b5 85%);height:.9em;position:absolute;bottom:0;left:0;right:0}.cf-card:not(.cf-card--full) .cf-card__text{justify-content:flex-start}.cf-card__rules{color:#2a2042;font-size:.64em;font-weight:500;line-height:1.22}.cf-card__rules b,.cf-card__kw{color:#1b1233;font-weight:800}.cf-card__kw{display:block}.cf-card__flavor{color:#6b5c7e;margin-top:.3em;font-size:.5em;font-style:italic;line-height:1.2}.cf-card__fx{display:block}.cf-card--dense .cf-card__rules{font-size:.54em;line-height:1.14}.cf-card--dense:not(.cf-card--full) .cf-card__flavor{display:none}.cf-card:not(.cf-card--full) .cf-card__type{margin-top:.1em;font-size:.46em}.cf-card:not(.cf-card--full) .cf-card__text{margin:.15em .32em .32em;padding:.22em .36em}.cf-card--small .cf-card__rules{font-size:.6em}.cf-card--small .cf-card__type span:not(.cf-card__gem){display:none}.cf-card__cost,.cf-card__stat{font-family:var(--font-game);color:#fff;text-shadow:0 .06em #000c,0 0 .3em #0009;z-index:3;place-items:center;display:grid;position:absolute;transform:translateZ(30px)}.cf-card__cost{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 35% 30%,#bfe9ff,#2f8cff 45%,#0d3a9e 100%);width:2.1em;height:2.1em;font-size:1.05em;top:-.35em;left:-.35em}.cf-card__cost span{font-size:1.15em}.cf-card__stat{border:.1em solid #0000008c;border-radius:50%;width:2em;height:2em;font-size:1.05em;bottom:-.35em}.cf-card__stat span{font-size:1.1em}.cf-card__atk{background:radial-gradient(circle at 35% 30%,#ffe28a,#ff9f1c 45%,#b34700 100%);left:-.35em}.cf-card__hp{background:radial-gradient(circle at 35% 30%,#ffb3b8,#ff3b4e 45%,#8a0717 100%);right:-.35em}.cf-card__stat.is-up span{color:#7dff9b}.cf-card__stat.is-down span{color:#ffd0d0}.cf-card{--frame-1:var(--rarity);--frame-2:#fff}.cf-card__inner{background:linear-gradient(160deg, color-mix(in srgb, var(--frame-1) 80%, white) 0%, var(--frame-1) 35%, color-mix(in srgb, var(--frame-1) 55%, black) 100%)}.cf-card__inner:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.cf-card__trim{pointer-events:none;z-index:0;border-radius:.65em;position:absolute;inset:.14em}.cf-frame--ornate .cf-card__inner{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--frame-2) 22%, transparent) 0 .12em, transparent .12em .36em), linear-gradient(160deg, color-mix(in srgb, var(--frame-1) 70%, white), var(--frame-1) 40%, color-mix(in srgb, var(--frame-1) 45%, black));padding:.5em}.cf-frame--ornate .cf-card__trim{border:.07em solid var(--frame-2);background:radial-gradient(circle at 0 0, var(--frame-2) 0 .42em, transparent .45em), radial-gradient(circle at 100% 0, var(--frame-2) 0 .42em, transparent .45em), radial-gradient(circle at 0 100%, var(--frame-2) 0 .42em, transparent .45em), radial-gradient(circle at 100% 100%, var(--frame-2) 0 .42em, transparent .45em);border-width:.09em;box-shadow:inset 0 0 0 .05em #0006}.cf-frame--neon .cf-card__inner{box-shadow:0 .35em 1em #0000008c, 0 0 0 .1em var(--frame-1), 0 0 .9em var(--frame-1);background:#07051a;padding:.36em}.cf-frame--neon .cf-card__trim{border:.09em solid var(--frame-2);box-shadow:0 0 .4em var(--frame-2), inset 0 0 .4em var(--frame-2);inset:.13em}.cf-frame--stone .cf-card__inner{background:repeating-linear-gradient(118deg, transparent 0 .9em, #00000059 .9em .96em, transparent .96em 2.1em), repeating-linear-gradient(28deg, transparent 0 1.3em, #00000040 1.3em 1.35em, transparent 1.35em 2.6em), radial-gradient(circle at 20% 30%, #ffffff2e 0 .06em, transparent .08em) 0 0 / .5em .5em, radial-gradient(circle at 70% 60%, #00000059 0 .07em, transparent .09em) 0 0 / .7em .7em, linear-gradient(170deg, color-mix(in srgb, var(--frame-1) 55%, #8a8a8a), color-mix(in srgb, var(--frame-1) 40%, #3b3b3b));border-radius:.55em;padding:.48em}.cf-frame--stone .cf-card__trim{border:.08em dashed color-mix(in srgb, var(--frame-2) 70%, transparent);border-radius:.45em;inset:.2em}.cf-frame--crystal .cf-card__inner{background:linear-gradient(60deg, transparent 0 30%, #ffffff59 30% 34%, transparent 34% 70%, #ffffff4d 70% 73%, transparent 73%), conic-gradient(from 30deg at 30% 20%, #ffffff8c, transparent 20%, #ffffff4d 40%, transparent 60%, #ffffff73 80%, transparent), linear-gradient(135deg, color-mix(in srgb, var(--frame-1) 70%, white), color-mix(in srgb, var(--frame-2) 70%, transparent) 50%, var(--frame-1));padding:.42em;box-shadow:0 .35em 1em #00000080,inset 0 0 .5em #fff9}.cf-frame--crystal .cf-card__trim{border:.05em solid #ffffffbf}.cf-frame--royal .cf-card__inner{background:linear-gradient(90deg, transparent 49.4%, color-mix(in srgb, var(--frame-2) 40%, transparent) 49.5% 50.5%, transparent 50.6%), linear-gradient(160deg, color-mix(in srgb, var(--frame-1) 65%, white), var(--frame-1) 30%, color-mix(in srgb, var(--frame-1) 40%, black));padding:.55em}.cf-frame--royal .cf-card__trim{border:.16em double var(--frame-2);inset:.2em}.cf-frame--royal .cf-card__trim:before,.cf-frame--royal .cf-card__trim:after{content:"";background:radial-gradient(circle at 30% 30%, white, var(--frame-2) 45%, color-mix(in srgb, var(--frame-2) 50%, black));width:.8em;height:.8em;box-shadow:0 0 .4em var(--frame-2);position:absolute;top:0;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.cf-frame--royal .cf-card__trim:after{top:100%}.cf-frame--textured .cf-card__inner{background:linear-gradient(160deg, color-mix(in srgb, var(--frame-1) 35%, transparent), color-mix(in srgb, var(--frame-1) 20%, #0000004d)), var(--frame-tex) center / cover}.cf-fx--glow .cf-card__inner{box-shadow:0 .35em 1em #0000008c, 0 0 1em color-mix(in srgb, var(--frame-1) 70%, transparent)}.cf-fx--shimmer .cf-card__inner,.cf-fx--pulse .cf-card__inner{box-shadow:0 .35em 1em #0000008c, 0 0 1em color-mix(in srgb, var(--frame-1) 55%, transparent)}.cf-fx--rotate .cf-card__inner{box-shadow:0 .35em 1em #0000008c, 0 0 1.4em color-mix(in srgb, var(--frame-1) 75%, transparent)}.cf-fx--pulse .cf-card__inner:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 1.6em var(--frame-1), 0 0 .4em var(--frame-2);opacity:.2;will-change:opacity;animation:2.2s ease-in-out infinite cf-pulse;position:absolute;inset:0}@keyframes cf-pulse{50%{opacity:1}}.cf-card__shine{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cf-card__shine i{background:linear-gradient(105deg, transparent 15%, color-mix(in srgb, var(--frame-2) 85%, transparent) 50%, transparent 85%);mix-blend-mode:screen;will-change:transform;width:55%;animation:3.2s ease-in-out infinite cf-sweep;position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-120%)}@keyframes cf-sweep{60%,to{transform:translate(260%)}}.cf-card__aurora{border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;padding:.13em;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cf-card__aurora i,.ut__aurora i{aspect-ratio:1;background:conic-gradient(var(--frame-2), var(--frame-1), color-mix(in srgb, var(--frame-1) 60%, black), var(--frame-2), var(--frame-1), var(--frame-2));will-change:transform;width:190%;animation:4s linear infinite cf-aurora;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes cf-aurora{to{transform:translate(-50%,-50%)rotate(360deg)}}.cf-card__holo{pointer-events:none;mix-blend-mode:color-dodge;opacity:.26;border-radius:.55em;transition:opacity .3s;position:absolute;inset:.28em;overflow:hidden}.cf-card__holo:before{content:"";will-change:transform;background:linear-gradient(115deg,#0000 30%,#ff00aa8c 42%,#00ffe68c 50%,#fff00080 58%,#0000 70%);animation:6s ease-in-out infinite alternate cf-holo;position:absolute;inset:-60%}.cf-card--interactive[data-hover] .cf-card__holo{opacity:.55}.cf-card--interactive[data-hover] .cf-card__holo:before{transform:translate(calc((50% - var(--mx)) * .5), calc((50% - var(--my)) * .5));animation:none}@keyframes cf-holo{0%{transform:translate(-22%,-22%)}to{transform:translate(22%,22%)}}.cf-card[data-off] *,.cf-card[data-off] :before,.cf-card[data-off] :after{animation-play-state:paused!important}.cf-card__glare{pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mx) var(--my), #ffffff80, transparent 45%);mix-blend-mode:overlay;border-radius:.75em;transition:opacity .3s;position:absolute;inset:0}.cf-card--interactive[data-hover] .cf-card__glare{opacity:1}.cf-card__sparkles i{background:radial-gradient(circle, #fff 0%, var(--frame-2) 40%, transparent 70%);pointer-events:none;z-index:4;border-radius:50%;width:.5em;height:.5em;animation:2.4s ease-in-out infinite cf-twinkle;position:absolute}.cf-card__sparkles i:first-child{animation-delay:0s;top:8%;left:12%}.cf-card__sparkles i:nth-child(2){animation-delay:.5s;top:22%;right:10%}.cf-card__sparkles i:nth-child(3){animation-delay:1.1s;top:44%;left:8%}.cf-card__sparkles i:nth-child(4){animation-delay:1.6s;bottom:18%;right:14%}.cf-card__sparkles i:nth-child(5){animation-delay:2s;top:4%;left:55%}@keyframes cf-twinkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.4)}}.cf-card--dimmed .cf-card__inner{filter:grayscale(.7)brightness(.6)}.cf-card--glow-playable .cf-card__inner{box-shadow:0 .35em 1em #0000008c,0 0 0 .15em #3ddc84,0 0 1.2em #3ddc84cc}.cf-card--glow-selected .cf-card__inner{box-shadow:0 .35em 1em #0000008c,0 0 0 .18em #ffcf5c,0 0 1.6em #ffcf5ce6}.cf-card--glow-target .cf-card__inner{box-shadow:0 .35em 1em #0000008c,0 0 0 .18em #ff4d5e,0 0 1.6em #ff4d5ee6}.cf-back{width:var(--w);aspect-ratio:5/7;font-size:calc(var(--w) / 12);background:radial-gradient(circle at 50% 40%,#4a2fb0,#1d1057 60%,#0b0624);border:.28em solid #c99a3a;border-radius:.75em;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 .35em 1em #0000008c,inset 0 0 1.2em #0009}.cf-back__pattern{background:repeating-linear-gradient(45deg,#ffcf5c14 0 .3em,#0000 .3em .9em),repeating-linear-gradient(-45deg,#8b5cff1f 0 .3em,#0000 .3em .9em);border:.08em solid #ffcf5c80;border-radius:.5em;position:absolute;inset:.4em}.cf-back__emblem{color:#ffcf5c;text-shadow:0 0 .3em #ffcf5ce6,0 0 .8em #ff5c9d99;place-items:center;font-size:3.4em;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.cf-art__rays,.cf-card__inner,.cf-card__inner:before,.cf-card__holo:before,.cf-card__shine i,.cf-card__aurora i,.cf-fx--pulse .cf-card__inner:after,.cf-card__sparkles i{animation:none!important}}.cf-card--glow-playable.cf-fx--pulse .cf-card__inner:after,.cf-card--glow-selected.cf-fx--pulse .cf-card__inner:after,.cf-card--glow-target.cf-fx--pulse .cf-card__inner:after{opacity:0;animation:none}:root{--cf-flame:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M52 2c4 16 16 24 24 38 5 9 4 15 1 21 6-3 9-9 9-16 8 10 10 22 6 33-5 14-19 21-36 21S17 92 12 78C7 64 12 50 22 41c0 8 3 14 9 17-4-11-1-22 6-31 6-8 14-15 15-25z'/></svg>");--cf-heart:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><path d='M50 93C24 74 4 57 4 34 4 17 16 6 30.5 6c8.6 0 15.4 4.6 19.5 11.5C54.1 10.6 60.9 6 69.5 6 84 6 96 17 96 34c0 23-20 40-46 59z'/></svg>")}.cf-card__stat,.ut__stat{box-shadow:none;filter:drop-shadow(0 0 .05em #000000f2)drop-shadow(0 .1em .12em #0000008c);background:0 0;border:none;border-radius:0}.cf-card__stat:before,.ut__stat:before{content:"";-webkit-mask:var(--shape) center / contain no-repeat;-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;background:var(--fill);z-index:-1;position:absolute;inset:0}.cf-card__stat span,.ut__stat span{position:relative}.cf-card__atk,.ut__atk{--shape:var(--cf-flame);--fill:radial-gradient(circle at 50% 78%, #fff3b0 0%, #ffc233 22%, #ff7a1a 52%, #d93a00 78%, #8f1d00 100%)}.cf-card__hp,.ut__hp{--shape:var(--cf-heart);--fill:radial-gradient(circle at 30% 26%, #ffffffb3 0 9%, #fff0 22%), radial-gradient(circle at 50% 38%, #ff8a96 0%, #ff3350 42%, #c40f2b 72%, #6e0414 100%)}.cf-card__atk span,.ut__atk span{top:.16em}.cf-card__hp span,.ut__hp span{top:-.07em}.cf-card__stat{width:2.25em;height:2.25em;bottom:-.45em}.cf-card__atk{left:-.45em}.cf-card__hp{right:-.45em}.ut__stat{isolation:isolate;width:2.1em;height:2.1em}.cf-card__stat{isolation:isolate}.cf-card--spell .cf-card__frame{background:repeating-conic-gradient(from 0deg at 50% 30%, #c8a0ff14 0 5deg, transparent 5deg 15deg), radial-gradient(120% 70% at 50% 28%, #6a36c9 0%, #2c1470 45%, #150a3a 100%)}.cf-card--spell .cf-card__art{height:calc(var(--art-h,58%) - 2%);border:.1em solid #c9a7ff;border-radius:50% 50% .35em .35em/34% 34% .35em .35em;margin:.3em .3em 0;box-shadow:0 0 .7em #aa6effbf,inset 0 0 1.1em #783cff8c}.cf-card--spell .cf-art{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--art) 55%, white) 0%, var(--art) 30%, color-mix(in srgb, var(--art) 30%, #1a0747) 100%)}.cf-card--spell .cf-art__rays{background:repeating-conic-gradient(#dcbeff29 0deg 4deg,#0000 4deg 14deg);animation-duration:25s}.cf-card--spell .cf-card__name{color:#2a1450;background:linear-gradient(#f6efff,#d8c4ff);border-color:#6b3fd1}.cf-card--spell .cf-card__type{color:#e2d0ff;text-shadow:0 0 .5em #be8cffe6}.cf-card--spell .cf-card__text{background:linear-gradient(#f5efff,#ddd0f7);border-radius:.2em;margin-bottom:.9em;box-shadow:inset 0 .08em .3em #280a5a40,0 -.13em #a987ee,0 .13em #a987ee}.cf-card--spell:not(.cf-card--full) .cf-card__text:after{background:linear-gradient(#ddd0f700,#ddd0f7 85%)}.cf-card--spell .cf-card__rules b{color:#3b1a86}.cf-card__sigil{z-index:3;isolation:isolate;filter:drop-shadow(0 0 .06em #000000f2)drop-shadow(0 0 .6em #b46eff);place-items:center;width:2.9em;height:2.9em;display:grid;position:absolute;bottom:-.75em;left:50%;transform:translate(-50%)translateZ(30px)}.cf-card__sigil:before{content:"";z-index:-1;clip-path:polygon(50% 0,62% 30%,100% 50%,62% 70%,50% 100%,38% 70%,0 50%,38% 30%);background:radial-gradient(circle at 50% 45%,#fff 0%,#f0dcff 16%,#b57bff 40%,#7a2dff 68%,#3b0f9e 100%);animation:5s linear infinite cf-sigil;position:absolute;inset:0}.cf-card__sigil:after{content:"";z-index:-2;border:.08em solid #e2c8ffd9;border-radius:50%;position:absolute;inset:18%;box-shadow:0 0 .4em #aa6effcc}.cf-card__sigil span{color:#fff;text-shadow:0 0 .3em #fff,0 0 .6em #b98cff;font-size:1.05em;line-height:1}@keyframes cf-sigil{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.cf-card__sigil:before{animation:none}}.cf-card__spelltag{z-index:3;color:#fff;text-shadow:0 0 .3em #fff;background:radial-gradient(circle at 40% 35%,#e9d4ff,#9b5cff 50%,#4a17b0 100%);border:.08em solid #ffffffd9;border-radius:50%;place-items:center;width:1.7em;height:1.7em;margin-left:-.85em;font-size:.95em;display:grid;position:absolute;top:-.55em;left:50%;transform:translateZ(30px);box-shadow:0 .1em .3em #0000008c,0 0 .6em #aa6effe6}.cf-card__hp.is-down span,.ut__hp.is-down span{color:#ffe3e6;text-shadow:0 0 .12em #5a0012,0 .08em #3d000c,0 0 .35em #5a0012e6}.cf-card__hp.is-up span,.ut__hp.is-up span{text-shadow:0 0 .12em #00361a,0 .08em #002611,0 0 .35em #00361ae6}.cf-card__corners{display:contents}.cf-card__side{z-index:3;transform-style:preserve-3d;pointer-events:none;flex-direction:column;align-items:center;gap:.05em;display:flex;position:absolute;top:2.05em;left:-.4em}.cf-card__side .cf-card__stat{width:2.15em;height:2.15em;position:relative;inset:auto}.cf-card--small .cf-card__side{top:1.9em;left:-.5em}.cf-card--small .cf-card__side .cf-card__stat{width:2.75em;height:2.75em}