.kdc{--kdc-w:150px;--kdc-h:calc(var(--kdc-w) * 1.4);--kdc-pad:calc(var(--kdc-w) * .06);--kdc-radius:calc(var(--kdc-w) * .08);--kdc-gap:calc(var(--kdc-w) * .02);--kdc-accent:#eaf0e78c;--kdc-frame:#eaf0e72e;--kdc-lip:#ffffff0d;--kdc-sheen-edge:#ffffff1f;--kdc-glow:transparent;width:var(--kdc-w);height:var(--kdc-h);aspect-ratio:5/7;flex:0 0 var(--kdc-w);border-radius:var(--kdc-radius);box-shadow:0 0 0 1px #0000008c, 0 calc(var(--kdc-w) * .02) calc(var(--kdc-w) * .08) #00000073, 0 0 calc(var(--kdc-w) * .14) var(--kdc-glow);color:var(--ink);box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#0b0d0b;align-self:center;padding:0;text-decoration:none;display:block;position:relative;overflow:hidden}.kdc--fluid{align-self:center;width:100%;height:auto}.kdc-tilt{width:100%;height:100%;transform-style:preserve-3d;position:relative}.kdc-art{position:absolute;inset:0}.kdc-art img{object-fit:cover;filter:contrast(1.06)saturate(1.02);width:100%;height:100%;display:block}.kdc-initial{width:100%;height:100%;font-size:calc(var(--kdc-w) * .37);color:var(--faint);background:radial-gradient(circle at 50% 38%, rgba(var(--accent-rgb), .14), #0b0d0b 72%);justify-content:center;align-items:center;font-weight:700;display:flex}.kdc-scrim{pointer-events:none;background:linear-gradient(#060806db 0%,#060806bd 18%,#0608066b 30%,#0608061a 40%,#0000 50%),linear-gradient(#0000 44%,#060806b8 68%,#060806f2 100%);position:absolute;inset:0}.kdc-border{pointer-events:none;border-radius:inherit;z-index:3;box-shadow:inset 0 0 0 1px var(--kdc-frame), inset 0 0 0 2px var(--kdc-lip), inset 0 1px 0 var(--kdc-sheen-edge);position:absolute;inset:0}.kdc-inner{padding:var(--kdc-pad);flex-direction:column;display:flex;position:absolute;inset:0}.kdc-top{justify-content:space-between;align-items:flex-start;gap:calc(var(--kdc-w) * .04);display:flex}.kdc-kicker{font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;font-size:calc(var(--kdc-w) * .04);letter-spacing:.1em;text-transform:uppercase;color:#eaf0e7d1;font-weight:600;line-height:1.25}.kdc-pwr{text-align:right;flex-shrink:0}.kdc-pwr-num{font-size:calc(var(--kdc-w) * .08);font-variant-numeric:tabular-nums;font-weight:700;line-height:1;display:block}.kdc-pwr-label{font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;font-size:calc(var(--kdc-w) * .037);letter-spacing:.12em;color:#eaf0e799;margin-top:calc(var(--kdc-w) * .007);display:block}.kdc-name{font-family:var(--font-space-grotesk), "Space Grotesk", sans-serif;font-size:calc(var(--kdc-w) * .105);margin-top:calc(var(--kdc-w) * .028);letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 -1px #ffffff47,0 1px #000000f2,0 2px 3px #000c,0 3px 14px #0009;font-weight:700;line-height:1;overflow:hidden}.kdc-bot{gap:calc(var(--kdc-w) * .033);flex-direction:column;margin-top:auto;display:flex}.kdc-eprow{align-items:flex-start;gap:calc(var(--kdc-w) * .02);flex-direction:column;display:flex}.kdc-epithet{font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;font-size:calc(var(--kdc-w) * .043);letter-spacing:.1em;text-transform:uppercase;color:var(--green);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:600;overflow:hidden}.kdc-rarity{font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;font-size:calc(var(--kdc-w) * .037);letter-spacing:.11em;text-transform:uppercase;border:1px solid var(--kdc-frame);border-radius:calc(var(--kdc-w) * .02);padding:calc(var(--kdc-w) * .016) calc(var(--kdc-w) * .023) calc(var(--kdc-w) * .016) calc(var(--kdc-w) * .034);color:var(--kdc-accent);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.kdc-chips{gap:calc(var(--kdc-w) * .02);flex-wrap:nowrap;display:flex;overflow:hidden}.kdc-chip{font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;font-size:calc(var(--kdc-w) * .037);letter-spacing:.06em;text-transform:uppercase;padding:calc(var(--kdc-w) * .016) calc(var(--kdc-w) * .03) calc(var(--kdc-w) * .016) calc(var(--kdc-w) * .036);color:#eaf0e7b8;white-space:nowrap;background:#06080666;border:1px solid #eaf0e72e;border-radius:20px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.kdc-foot{justify-content:space-between;gap:calc(var(--kdc-w) * .04);font-family:var(--font-jetbrains-mono), "JetBrains Mono", monospace;font-size:calc(var(--kdc-w) * .033);letter-spacing:.06em;color:#eaf0e780;padding-top:calc(var(--kdc-w) * .027);border-top:1px solid #eaf0e724;display:flex}.kdc-foot span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kdc--common{--kdc-accent:#eaf0e7b3;--kdc-frame:#eaf0e738;--kdc-lip:#ffffff0d;--kdc-sheen-edge:#ffffff1a;--kdc-glow:transparent}.kdc--rare{--kdc-accent:#7fb2ff;--kdc-frame:#7fb2ff80;--kdc-lip:#7fb2ff24;--kdc-sheen-edge:#bedcff47;--kdc-glow:#7fb2ff29}.kdc--legendary{--kdc-accent:#f5b544;--kdc-frame:#f5b5449e;--kdc-lip:#f5b5442e;--kdc-sheen-edge:#ffe0a05c;--kdc-glow:#f5b54433}.kdc-sheen{pointer-events:none;border-radius:inherit;z-index:2;mix-blend-mode:screen;transition:opacity .18s;position:absolute;inset:0}.kdc--common .kdc-sheen{display:none}.kdc--rare .kdc-sheen{background:radial-gradient(38% 34% at var(--mx,32%) var(--my,22%), #ffffff80, #ffffff1a 34%, transparent 62%), repeating-linear-gradient(calc(128deg + (var(--mx-num,32) * .4deg)), #ffc45457 0 9%, #ffe79e4d 15%, #d6962e52 24%, #ffc45457 34%) calc(30% + (var(--mx-num,32) * 0.4%)) calc(30% + (var(--my-num,22) * 0.4%)) / 220% 220%;opacity:.3;background-repeat:no-repeat,no-repeat}.kdc--legendary .kdc-sheen{background:radial-gradient(38% 34% at var(--mx,32%) var(--my,22%), #ffffff8c, #ffffff1f 34%, transparent 62%), repeating-linear-gradient(calc(128deg + (var(--mx-num,32) * .4deg)), #ff288057 0 8%, #ffd7384f 13%, #2cffc257 19%, #467eff5c 27%, #d247ff52 34%, #ff288057 42%) calc(30% + (var(--mx-num,32) * 0.4%)) calc(30% + (var(--my-num,22) * 0.4%)) / 220% 220%;opacity:.42;background-repeat:no-repeat,no-repeat}.kdc--legendary .kdc-name{background:linear-gradient(109.6deg,#b8862e 0%,#f3d27a 34%,#fff3c4 52%,#e0b25c 74%,#a9762a 100%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 -1px #ffffff4d)drop-shadow(0 1px #000000f2)drop-shadow(0 2px 4px #000c)drop-shadow(0 3px 12px #0000008c);-webkit-background-clip:text;background-clip:text}button.kdc,a.kdc{cursor:pointer;text-align:left;border:0;outline:none;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}button.kdc:hover,a.kdc:hover,button.kdc:focus-visible,a.kdc:focus-visible{box-shadow:0 0 0 1px #0000008c, 0 calc(var(--kdc-w) * .06) calc(var(--kdc-w) * .16) #00000080, 0 0 calc(var(--kdc-w) * .22) var(--kdc-glow);outline:none;transform:translateY(-4px)}button.kdc.kdc-kbfocus,a.kdc.kdc-kbfocus{outline:2px solid var(--green);outline-offset:3px}@media (prefers-reduced-motion:reduce){button.kdc,a.kdc{transition:none}button.kdc:hover,a.kdc:hover{transform:none}}.kdv3 .devcard-stage>.kdc,.kdv3 .devcard-stage--sidebar>.kdc{flex:none;align-self:center}