@property --kc-flip{syntax:"<number>";inherits:true;initial-value:0}@property --kc-x{syntax:"<number>";inherits:true;initial-value:.34}@property --kc-y{syntax:"<number>";inherits:true;initial-value:.26}@layer base;@layer components{.kc{--kc-o:.55;--kc-rx:0deg;--kc-ry:0deg;--kc-frame:3.2cqw;--kc-r:5.8cqw;--kc-metal:linear-gradient(135deg, #7f8696 0%, #e6e9f0 18%, #727a8c 38%, #dde1ea 56%, #868d9e 76%, #eef0f6 100%);--kc-spark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 11 -7.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--kc-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");aspect-ratio:5/7;color:#fff;text-align:left;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100%;display:block;position:relative;container:kc/inline-size}.kc[role=button]{cursor:pointer}.kc[role=button]:focus-visible{outline:2px solid var(--violet);outline-offset:5px;border-radius:6cqw}.kc[data-rarity=common]{--kc-band:300%;--f0:#ccd4e4e6;--f1:#f7f8fcd9;--f2:#b0bacfe6;--f3:#ecf0f8d9;--f4:#bec8dae6;--f5:#fafbfed9;--kc-hi:#646a79;--kc-hi-ink:#fff;--kc-tint:#aab2c4;--kc-fringe:.18;--kc-spark-o:.55}.kc[data-rarity=rare]{--kc-band:250%;--f0:#1ebe82e0;--f1:#78ecc8db;--f2:#42a8ffd1;--f3:#d6fceee6;--f4:#22a88ce0;--f5:#9ce0ffd6;--kc-hi:#17a35f;--kc-hi-ink:#fff;--kc-tint:#3ed49b;--kc-fringe:.4;--kc-spark-o:.8}.kc[data-rarity=epic]{--kc-band:215%;--f0:#8254ffe6;--f1:#e678ffd6;--f2:#5878ffdb;--f3:#ffa8e8db;--f4:#aa78ffe6;--f5:#78c8ffd6;--kc-hi:#7a4dff;--kc-hi-ink:#fff;--kc-tint:#a98aff;--kc-fringe:.5;--kc-spark-o:.9}.kc[data-rarity=legendary]{--kc-band:230%;--f0:#ffb014eb;--f1:#ffe88ce6;--f2:#ff703cd6;--f3:#fff6cceb;--f4:#ec960aeb;--f5:#ffbe78db;--kc-hi:#f0a000;--kc-hi-ink:#1d1400;--kc-tint:#ffc533;--kc-fringe:.55;--kc-spark-o:1}.kc[data-rarity=mythic]{--kc-band:185%;--f0:#ff348ceb;--f1:#ffc400e6;--f2:#3ceb6ee6;--f3:#00deffeb;--f4:#465afff0;--f5:#c43cffeb;--kc-hi:#2f5bff;--kc-hi-ink:#fff;--kc-tint:#6f8cff;--kc-fringe:.75;--kc-spark-o:1}.kc-tilt{transform-style:preserve-3d;transform:perspective(1100px) rotateX(var(--kc-rx)) rotateY(var(--kc-ry));position:absolute;inset:0}.kc[data-hot="1"] .kc-tilt{will-change:transform}.kc-body{transform-style:preserve-3d;transform:rotateY(calc(var(--kc-flip) * 180deg));transition:--kc-flip .95s cubic-bezier(.3,1.28,.5,1);position:absolute;inset:0}.kc[data-flipped="1"] .kc-body{--kc-flip:1}.kc-body[data-manual="1"]{transition:none}.kc-face{isolation:isolate;border-radius:var(--kc-r);backface-visibility:hidden;background:#0d0d11;position:absolute;inset:0;overflow:hidden;box-shadow:0 .35cqw .5cqw #0b0b0f29,0 2.2cqw 4.6cqw -1.2cqw #0b0b0f6b,0 7cqw 9cqw -5cqw #0b0b0f61}.kc-back{transform:rotateY(180deg)}.kc-foil{z-index:0;background-color:#cdd1db;background-image: var(--kc-spark),  linear-gradient(112deg, #fff0 40%, #ffffff8c 47%, #fff0 54%),  repeating-linear-gradient(104deg, #fff0 0 .45cqw, #ffffff80 .45cqw .56cqw),  linear-gradient(64deg, var(--f3) 0%, var(--f0) 11%, var(--f5) 23%, var(--f2) 36%, var(--f1) 48%, var(--f4) 60%, var(--f3) 72%, var(--f0) 84%, var(--f5) 100%),  linear-gradient(112deg, var(--f0) 0%, var(--f1) 8%, var(--f2) 16%, var(--f3) 24%, var(--f4) 32%, var(--f5) 40%, var(--f0) 48%, var(--f1) 56%, var(--f2) 64%, var(--f3) 72%, var(--f4) 80%, var(--f5) 90%, var(--f0) 100%),  var(--kc-grain), var(--kc-metal);background-size:90px 90px, 320% 320%, 100% 100%, calc(var(--kc-band) * .78) calc(var(--kc-band) * .78), var(--kc-band) var(--kc-band), 70px 70px, 100% 100%;background-position:calc(var(--kc-x) * -120px) calc(var(--kc-y) * 90px), calc(var(--kc-x) * 100%) calc(var(--kc-y) * 100%), calc(var(--kc-x) * 28cqw) 0, calc((1 - var(--kc-x)) * 100%) calc(var(--kc-y) * 100%), calc(var(--kc-x) * 100%) calc(var(--kc-y) * 100%), 0 0, 0 0;background-blend-mode:normal, normal, soft-light, overlay, hard-light, overlay, normal;position:absolute;inset:0}.kc-foil:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 .3cqw #ffffffb3,inset 0 0 0 .6cqw #0b0b0f24,inset 0 -1.2cqw 1.6cqw -.6cqw #0b0b0f38}.kc-plate{z-index:1;inset:var(--kc-frame);border-radius:calc(var(--kc-r) - var(--kc-frame) + .5cqw);background:#0d0d11;position:absolute;overflow:hidden;box-shadow:0 0 0 .28cqw #08080ceb,0 0 0 .4cqw #ffffff47}.kc-art{background:#1b1b22;height:58.6%;position:absolute;top:0;left:0;right:0;overflow:hidden}.kc-img{object-fit:cover;object-position:50% 20%;width:106%;max-width:none;height:106%;transform:translate3d(calc((var(--kc-x) - .5) * -2.4cqw), calc((var(--kc-y) - .5) * -2cqw), 0);pointer-events:none;position:absolute;top:-3%;left:-3%}.kc-blank{color:#ffffff1a;background:repeating-linear-gradient(135deg,#1b1b22 0 1.6cqw,#20202a 1.6cqw 3.2cqw);place-items:end center;display:grid;position:absolute;inset:0}.kc-blank svg{width:62%;height:auto}.kc-sheen{background:linear-gradient(112deg, #fff0 38%, var(--f1) 45%, var(--f3) 50%, var(--f4) 55%, #fff0 62%);background-size:320% 100%;background-position:calc(var(--kc-x) * 100%) 0;mix-blend-mode:soft-light;opacity:calc(.04 + var(--kc-o) * .3);pointer-events:none;position:absolute;inset:0}.kc-top{align-items:center;gap:1.6cqw;display:flex;position:absolute;top:3.2cqw;left:3.2cqw;right:13cqw}.kc-badge{background:var(--kc-hi);height:6.4cqw;color:var(--kc-hi-ink);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:99px;flex:none;align-items:center;gap:1.5cqw;padding:0 2.8cqw 0 2.2cqw;font-size:2.85cqw;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 .4cqw 1.2cqw #0b0b0f59,inset 0 0 0 .25cqw #ffffff47}.kc-badge svg{width:3.5cqw;height:3.5cqw}.kc-chip{color:#fff;height:6.4cqw;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:#0b0b0fb3;border-radius:99px;align-items:center;gap:1.5cqw;padding:0 2.6cqw;font-size:2.6cqw;font-weight:600;line-height:1;display:inline-flex}.kc-chip i{background:#fff;border-radius:50%;width:1.8cqw;height:1.8cqw;position:relative}.kc-chip i:after{content:"";background:#fff;border-radius:50%;animation:1.9s cubic-bezier(.2,.6,.3,1) infinite kc-ping;position:absolute;inset:0}.kc-chip[data-k=example]{color:#0b0b0f;background:#ffffffdb}@keyframes kc-ping{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(3.4)}}.kc-rule{z-index:2;background:linear-gradient(112deg, var(--f0) 0%, var(--f1) 10%, var(--f2) 20%, var(--f3) 30%, var(--f4) 40%, var(--f5) 50%, var(--f0) 60%, var(--f1) 70%, var(--f2) 80%, var(--f3) 90%, var(--f4) 100%), var(--kc-metal);background-size:300% 100%,100% 100%;background-position:calc(var(--kc-x) * 100%) 0, 0 0;height:1cqw;position:absolute;top:calc(58.6% - .5cqw);left:0;right:0}.kc-info{background:linear-gradient(#17171e 0%,#0d0d11 100%);grid-template-rows:auto 1fr auto;padding:3.6cqw 4.4cqw 3.2cqw;display:grid;position:absolute;inset:58.6% 0 0}.kc-id{justify-content:space-between;align-items:baseline;gap:2cqw;min-width:0;padding-bottom:2.2cqw;display:flex}.kc-name{min-width:0;font-family:var(--font-display);letter-spacing:-.035em;white-space:nowrap;text-overflow:ellipsis;font-size:6.8cqw;font-weight:900;line-height:1.05;overflow:hidden}.kc-tk{font-family:var(--font-display);letter-spacing:-.02em;color:var(--kc-tint);flex:none;font-size:4.6cqw;font-weight:800}.kc-stats{align-content:start;margin:0;display:grid}.kc-stat{border-top:.25cqw solid #ffffff17;grid-template-columns:4.4cqw minmax(0,1fr) auto;align-items:center;gap:2.3cqw;height:7.2cqw;display:grid}.kc-stat svg{width:4.2cqw;height:4.2cqw;color:var(--kc-tint)}.kc-stat dt{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;color:#9d9eac;font-size:3cqw;font-weight:500;overflow:hidden}.kc-stat dd{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;margin:0;font-size:4.7cqw;font-weight:800}.kc-stat dd[data-none="1"]{color:#6c6d7b}.kc-mkt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#9d9eac;border-top:.25cqw solid #ffffff17;justify-content:space-between;align-items:baseline;gap:2cqw;padding-top:2.1cqw;font-size:2.9cqw;font-weight:500;display:flex}.kc-mkt b{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;text-transform:none;margin-left:1.6cqw;font-size:4.4cqw;font-weight:800}.kc-mkt .up{color:#4ae08f}.kc-mkt .down{color:#ff7a7f}.kc-mkt em{font-style:normal}.kc-glare{z-index:6;border-radius:inherit;background:radial-gradient(circle at calc(var(--kc-x) * 100%) calc(var(--kc-y) * 100%), #ffffff9e 0%, #ffffff29 26%, #fff0 52%), linear-gradient(112deg, #fff0 30%, #ffffff47 44%, #fff0 58%);background-size:100% 100%,240% 100%;background-position:0 0, calc(var(--kc-x) * 100%) 0;mix-blend-mode:soft-light;opacity:calc(.35 + var(--kc-o) * .65);pointer-events:none;position:absolute;inset:0}.kc-back .kc-plate{background:linear-gradient(165deg,#181820 0%,#0c0c10 72%);grid-template-rows:auto auto 1fr auto;padding:4.4cqw 4.6cqw 3.8cqw;display:grid}.kc-b-top{justify-content:space-between;align-items:center;gap:2cqw;display:flex}.kc-b-handle{min-width:0;font-family:var(--font-mono);letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;color:#8f90a0;margin-top:1.4cqw;font-size:2.8cqw;font-weight:500;display:block;overflow:hidden}.kc-b-name{font-family:var(--font-display);letter-spacing:-.045em;white-space:nowrap;text-overflow:ellipsis;margin:3.4cqw 0 0;font-size:8.6cqw;font-weight:900;line-height:.96;overflow:hidden}.kc-b-name small{letter-spacing:-.02em;color:var(--kc-tint);margin-top:1.2cqw;font-size:4.6cqw;font-weight:800;display:block}.kc-b-name small span{margin-left:2cqw}.kc-b-grid{grid-template-columns:1fr 1fr;align-content:center;gap:2.4cqw;margin:3.6cqw 0 0;display:grid}.kc-b-cell{background:#ffffff0d;border-radius:3cqw;padding:2.8cqw 3cqw 2.6cqw;box-shadow:inset 0 0 0 .22cqw #ffffff17}.kc-b-cell dd{font-family:var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:0;font-size:9.6cqw;font-weight:900;line-height:.95}.kc-b-cell dd[data-none="1"]{color:#6c6d7b}.kc-b-cell dt{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#cfd0dc;margin-top:1.8cqw;font-size:2.7cqw;font-weight:600}.kc-b-cell p{color:#8f90a0;margin:.8cqw 0 0;font-size:2.65cqw;line-height:1.32}.kc-b-traits{gap:1.3cqw;margin:3cqw 0 0;display:grid}.kc-b-trait{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#9d9eac;grid-template-columns:20cqw minmax(0,1fr) 6.6cqw;align-items:center;gap:2cqw;font-size:2.6cqw;font-weight:500;display:grid}.kc-b-trait i{background:#ffffff1a;border-radius:1cqw;height:1.1cqw;display:block;overflow:hidden}.kc-b-trait i:before{content:"";border-radius:inherit;background:var(--kc-tint);transform-origin:0;height:100%;transform:scaleX(var(--v,.5));display:block}.kc-b-trait b{text-align:right;color:#fff;font-weight:600}.kc-b-foot{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:#7f8090;border-top:.25cqw solid #ffffff17;justify-content:space-between;align-items:center;gap:2cqw;margin-top:3cqw;padding-top:2.4cqw;font-size:2.5cqw;font-weight:500;display:flex}.kc-b-foot b{color:var(--kc-tint);font-weight:700}.kc-hit{z-index:8;border-radius:var(--kc-r);position:absolute;inset:0}.kc-hit:focus-visible{outline:2px solid var(--violet);outline-offset:5px}.kc-flipper{z-index:9;color:#fff;opacity:0;background:#0b0b0f9e;border-radius:50%;place-items:center;width:7.4cqw;height:7.4cqw;transition:opacity .2s,transform .35s cubic-bezier(.16,1,.3,1),background-color .2s;display:grid;position:absolute;top:6.4cqw;right:6.4cqw;transform:scale(.86);box-shadow:inset 0 0 0 .25cqw #ffffff42}.kc-flipper svg{width:3.9cqw;height:3.9cqw}.kc:hover .kc-flipper,.kc:focus-within .kc-flipper,.kc[data-hot="1"] .kc-flipper{opacity:1;transform:none}.kc-flipper:hover{background:var(--violet)}@media (hover:none){.kc-flipper{opacity:1;transform:none}}.kc[data-shine="1"]:not([data-hot="1"]){animation:6.5s ease-in-out infinite kc-shine}@keyframes kc-shine{0%{--kc-x:.08;--kc-y:.18}50%{--kc-x:.92;--kc-y:.62}to{--kc-x:.08;--kc-y:.18}}@container kc (max-width:200px){.kc-stat dt,.kc-mkt em{display:none}.kc-stat{grid-template-columns:5cqw minmax(0,1fr);gap:3cqw;height:7.3cqw}.kc-stat svg{width:5cqw;height:5cqw}.kc-stat dd{text-align:right;font-size:6.4cqw}.kc-id{padding-bottom:1.6cqw}.kc-name{font-size:8cqw}.kc-tk{font-size:5.6cqw}.kc-info{padding-top:3cqw;padding-bottom:2.6cqw}.kc-mkt{padding-top:1.6cqw}.kc-mkt b{font-size:5.6cqw}.kc-badge{justify-content:center;gap:0;width:7cqw;height:7cqw;padding:0;font-size:0}.kc-badge svg{width:4.4cqw;height:4.4cqw}.kc-chip{height:7cqw;font-size:2.9cqw}.kc-flipper,.kc-b-cell p,.kc-b-traits{display:none}}.kc-skel{background:linear-gradient(100deg,#0b0b0f0e 30%,#0b0b0f06 50%,#0b0b0f0e 70%) 0 0/220% 100%;border-radius:5.8cqw;animation:1.4s linear infinite kc-shimmer}@keyframes kc-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}}@media (prefers-reduced-motion:reduce){.kc[data-shine="1"]{animation:none}}