.kd-card{--rc:#b9c6da;--cc:#8aa0c8;--gi:.3;--w:224px;--gold:#f0c75e;--cream:#fff3d6;width:var(--w);aspect-ratio:932/1428;max-width:100%;color:var(--cream);isolation:isolate;position:relative;container-type:inline-size}.kd-card--sm{--w:160px}.kd-card--lg{--w:360px}.kd-card[data-rarity=Common]{--rc:#b9c6da;--gi:.18}.kd-card[data-rarity=Uncommon]{--rc:#3fcf9b;--gi:.4}.kd-card[data-rarity=Rare]{--rc:#46a6ff;--gi:.6}.kd-card[data-rarity=Epic]{--rc:#b066ff;--gi:.75}.kd-card[data-rarity=Legendary]{--rc:#e0243b;--gi:.85}.kd-card[data-rarity=Mythic]{--rc:#f0b429;--gi:.95}.kd-card[data-rarity=Apex]{--rc:#ff5a2a;--gi:1}.kd-card[data-category=histoire]{--cc:#e5383b}.kd-card[data-category=sciences]{--cc:#3aa0ff}.kd-card[data-category=geographie]{--cc:#2f74e6}.kd-card[data-category=nature]{--cc:#2ecc5a}.kd-card[data-category=arts]{--cc:#ec4899}.kd-card[data-category=culture]{--cc:#f0a81e}.kd-card[data-category=technologie]{--cc:#29d3ff}.kd-card[data-category=sport]{--cc:#ff8a1f}.kd-card[data-category=societe]{--cc:#e0307f}.kd-card[data-category=personnalites]{--cc:#f7d154}.kd-card__frame{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.kd-card__win{z-index:1;background:#070d1d;flex-direction:column;width:90.5cqw;height:124cqw;display:flex;position:absolute;top:4cqw;left:5cqw;overflow:hidden}.kd-card__artwork{isolation:isolate;background:#f1ede3;flex:1 1 0;min-height:0;position:relative;overflow:hidden}.kd-card__art-backdrop{object-fit:cover;filter:blur(2cqw)brightness(.8);opacity:.72;pointer-events:none;width:114%;height:114%;position:absolute;inset:-7%}.kd-card__art{object-fit:contain;object-position:center;filter:drop-shadow(0 .4cqw 1cqw #05091659);width:100%;height:100%;position:absolute;inset:0}.kd-card__artwork:after{content:"";pointer-events:none;background:linear-gradient(#0000,#05091633);position:absolute;inset:78% 0 0}.kd-card__noimage{color:#9baccc;place-items:center;font-size:4cqw;display:grid;position:absolute;inset:0}.kd-card__unknown{font:800 40cqw/1 var(--font-display);color:#ffffff24;place-items:center;display:grid;position:absolute;inset:0}.kd-card__text{z-index:2;text-align:center;background:linear-gradient(#10182c,#070d1d);flex-direction:column;flex:none;align-items:stretch;gap:1.6cqw;padding:0 5cqw 3.4cqw;display:flex;position:relative}.kd-card__text :is(.kd-card__sub,.kd-card__blurb){text-shadow:0 1px 3px #000000e6}.kd-card__title{font:700 calc(8.6cqw * var(--ts,1))/1.08 var(--font-display);letter-spacing:.02em;color:#0000;background:linear-gradient(#fff8e4 10%,#f4cf80 55%,#d49a3a 100%);filter:drop-shadow(0 .4cqw .8cqw #000000d9);overflow-wrap:anywhere;text-wrap:balance;-webkit-background-clip:text;background-clip:text;margin:0;padding-bottom:.4cqw}.kd-card--sm .kd-card__title{font-size:calc(9.6cqw * var(--ts,1))}.kd-card__sub{font:600 3.5cqw/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);align-items:center;gap:2cqw;margin:0;display:flex}.kd-card__sub:before,.kd-card__sub:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold) 80%, transparent));flex:1;height:1px}.kd-card__sub:after{transform:scaleX(-1)}.kd-card__sub span{white-space:nowrap;text-overflow:ellipsis;max-width:82%;overflow:hidden}.kd-card__blurb{font:italic 3.3cqw/1.4 var(--font-display);color:var(--cream);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.kd-card__tags{justify-content:center;gap:1.6cqw;margin:0;padding:0;list-style:none;display:flex}.kd-card__tags li{letter-spacing:.08em;text-transform:uppercase;color:#e3f1ff;white-space:nowrap;background:#0e28508c;border:1px solid #6cc4ffb3;border-radius:99cqw;padding:1.3cqw 3cqw;font:600 2.5cqw/1 system-ui,sans-serif}.kd-card__medal{z-index:4;width:11.6cqw;height:11.6cqw;color:color-mix(in srgb, var(--cc) 40%, #fff);background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--cc) 40%, #0a1226), #050a18 78%);box-shadow:inset 0 0 0 .55cqw var(--cc), inset 0 0 2.4cqw color-mix(in srgb, var(--cc) 60%, transparent), 0 0 2cqw color-mix(in srgb, var(--cc) 50%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:5.7cqw;left:5.05cqw}.kd-card__medal svg{width:62%;height:62%;filter:drop-shadow(0 0 .8cqw var(--cc))}.kd-card__sigil-wrap{z-index:4;width:11.2cqw;height:11.2cqw;filter:drop-shadow(0 0 1.6cqw var(--rc));position:absolute;top:3.5cqw;left:83.7cqw}.kd-card__sigil{width:100%;height:100%;color:color-mix(in oklch, var(--rc) 18%, #07101f);background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--rc) 35%, #fff), var(--rc) 58%, color-mix(in srgb, var(--rc) 62%, #000));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);font-family:var(--font-body);letter-spacing:-.12em;text-indent:-.12em;text-shadow:0 .25cqw .35cqw #ffffff59;place-items:center;font-size:4cqw;font-weight:900;line-height:1;display:grid}.kd-card__stat{z-index:4;justify-content:center;align-items:center;gap:2.6cqw;width:26.4cqw;height:10.9cqw;display:flex;position:absolute;top:129.3cqw}.kd-card__stat--atk{left:4.8cqw}.kd-card__stat--def{left:68.6cqw}.kd-card__stat svg{width:6cqw;height:6cqw;color:var(--gold);filter:drop-shadow(0 0 .8cqw #f0c75e99)}.kd-card__stat b{font:700 8cqw/1 var(--font-display);color:var(--cream);font-variant-numeric:tabular-nums}.kd-card__num,.kd-card__series{z-index:4;height:7.5cqw;font:600 3.4cqw/1 var(--font-display);letter-spacing:.08em;color:var(--cream);white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;top:143.4cqw}.kd-card__num{width:21.9cqw;left:2.6cqw}.kd-card__series{text-transform:uppercase;width:32.1cqw;left:65.1cqw}.kd-card[data-shiny=true]{--rc:#fff;--gi:.8}.kd-card[data-shiny=true] .kd-card__win{background:#000}.kd-card[data-shiny=true] .kd-card__artwork{background:#131c30}.kd-card[data-shiny=true] .kd-card__title{color:#fff;filter:drop-shadow(0 0 1.4cqw #fff9);background:0 0}.kd-card[data-shiny=true] .kd-card__sub,.kd-card[data-shiny=true] .kd-card__blurb,.kd-card[data-shiny=true] .kd-card__num,.kd-card[data-shiny=true] .kd-card__series,.kd-card[data-shiny=true] .kd-card__stat b{color:#fff}.kd-card[data-mastered=true]{--rc:var(--gold);--gi:1}.kd-card[data-undiscovered=true]{--gi:.05;filter:grayscale(.85)brightness(.6)}.kd-card[data-undiscovered=true] .kd-card__title{filter:none;color:#7d8aa8;background:0 0}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}.kd-card{--mx:50%;--my:38%;--rx:0deg;--ry:0deg;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out}.kd-card:hover,.kd-card[data-motion=live]{will-change:transform}.kd-card:not(:hover){transition:transform .5s ease-out}.kd-card:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--rc) calc(var(--gi) * 70%), transparent), transparent 72%);opacity:calc(.35 + var(--gi) * .4);border-radius:12cqw;position:absolute;inset:-9cqw}.kd-card__ring{z-index:3;opacity:.3;pointer-events:none;-webkit-mask:var(--frame) center / 100% 100% no-repeat;-webkit-mask:var(--frame) center / 100% 100% no-repeat;mask:var(--frame) center / 100% 100% no-repeat;mix-blend-mode:screen;background:conic-gradient(from var(--a), transparent 0 72%, color-mix(in srgb, var(--rc) 80%, #fff) 88%, #fff 93%, transparent 97%);filter:drop-shadow(0 0 1.4cqw var(--rc));display:none;position:absolute;inset:0}.kd-card[data-tier="2"] .kd-card__ring,.kd-card[data-tier="3"] .kd-card__ring,.kd-card[data-tier="4"] .kd-card__ring,.kd-card[data-tier="5"] .kd-card__ring,.kd-card[data-tier="6"] .kd-card__ring,.kd-card[data-tier="7"] .kd-card__ring{display:block}.kd-card[data-tier="2"]{--orbit:9s}.kd-card[data-tier="3"]{--orbit:6.5s}.kd-card[data-tier="4"]{--orbit:5s}.kd-card[data-tier="5"]{--orbit:4s}.kd-card[data-tier="6"]{--orbit:3.2s}.kd-card[data-tier="7"]{--orbit:2.4s}.kd-card[data-tier="4"] .kd-card__ring,.kd-card[data-tier="5"] .kd-card__ring,.kd-card[data-tier="6"] .kd-card__ring,.kd-card[data-tier="7"] .kd-card__ring{background:conic-gradient(from var(--a), transparent 0 34%, color-mix(in srgb, var(--rc) 80%, #fff) 42%, #fff 46%, transparent 50%, transparent 84%, color-mix(in srgb, var(--rc) 80%, #fff) 92%, #fff 96%, transparent 100%)}.kd-card__glare{z-index:6;pointer-events:none;opacity:0;clip-path:polygon(6cqw 0,calc(100% - 6cqw) 0,100% 6cqw,100% calc(100% - 6cqw),calc(100% - 6cqw) 100%,6cqw 100%,0 calc(100% - 6cqw),0 6cqw);mix-blend-mode:soft-light;background:radial-gradient(circle at var(--mx) var(--my), #ffffffd9, transparent 38%), linear-gradient(115deg, transparent 20%, color-mix(in srgb, var(--rc) 45%, transparent) 40%, #ffffff80 50%, color-mix(in srgb, var(--rc) 45%, transparent) 60%, transparent 80%);transition:opacity .25s;position:absolute;inset:0}.kd-card:hover .kd-card__glare{opacity:1}.kd-card__win:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff47 50%,#0000 60%);display:none;position:absolute;inset:-20% 0;transform:translate(-120%)}.kd-card__sparks{z-index:4;pointer-events:none;display:none;position:absolute;inset:4cqw 5cqw 28cqw;overflow:hidden}.kd-card__sparks i{bottom:-3cqw;left:calc(var(--i) * 11cqw + 2cqw);background:color-mix(in srgb, var(--rc) 50%, #fff);width:1.4cqw;height:1.4cqw;box-shadow:0 0 2.4cqw .6cqw var(--rc);opacity:0;border-radius:50%;position:absolute}@media (prefers-reduced-motion:no-preference){.kd-card:is([data-motion=live],[data-motion=hover]:hover){--live:running}.kd-card[data-motion=hover]:not(:hover){--live:paused}.kd-card[data-motion=hover]:not(:hover) :is(.kd-card__ring,.kd-card__sparks i,.kd-card__sigil-wrap){animation-play-state:paused}.kd-card[data-motion=off]{transform:none!important}.kd-card__ring{animation:kd-orbit var(--orbit,6s) linear infinite;animation-play-state:var(--live,running)}.kd-card:before{animation:kd-breathe calc(var(--orbit,6s) * .7) ease-in-out infinite;animation-play-state:var(--live,running)}.kd-card[data-tier="1"]:before{animation:none}.kd-card:is([data-tier="3"],[data-tier="4"],[data-tier="5"],[data-tier="6"],[data-tier="7"]) .kd-card__win:before{animation:kd-shine calc(var(--orbit,6s) * 1.1) ease-in-out infinite;animation-play-state:var(--live,running);display:block}.kd-card:is([data-tier="5"],[data-tier="6"],[data-tier="7"],[data-shiny=true]) .kd-card__sparks{display:block}.kd-card__sparks i{animation:kd-rise calc(2.6s + var(--i) * .35s) ease-out infinite;animation-delay:calc(var(--i) * -.6s);animation-play-state:var(--live,running)}.kd-card:not([data-tier="1"]) .kd-card__sigil-wrap{animation:2.6s ease-in-out infinite kd-pulse;animation-play-state:var(--live,running)}.kd-card[data-tier="7"]:before{animation:1.6s ease-in-out infinite kd-ember-glow;animation-play-state:var(--live,running)}.kd-card[data-shiny=true] .kd-card__frame{animation:10s linear infinite kd-holo;animation-play-state:var(--live,running)}.kd-card[data-shiny=true]:before{animation:6s linear infinite kd-holo-glow;animation-play-state:var(--live,running)}.kd-card[data-shiny=true] .kd-card__ring{background:conic-gradient(from var(--a), #ff6b9a, #ffd36b, #7dff9f, #6bd6ff, #b08cff, #ff6b9a);mix-blend-mode:color-dodge;opacity:.55;animation-duration:5s}}@keyframes kd-orbit{to{--a:360deg}}@keyframes kd-breathe{0%,to{opacity:calc(.3 + var(--gi) * .35);transform:scale(.98)}50%{opacity:calc(.55 + var(--gi) * .45);transform:scale(1.05)}}@keyframes kd-shine{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}@keyframes kd-rise{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1}to{transform:translateY(-62cqw) translateX(calc((var(--i) - 4) * 1.2cqw)) scale(1.1);opacity:0}}@keyframes kd-pulse{0%,to{filter:drop-shadow(0 0 1.2cqw var(--rc)) brightness(1)}50%{filter:drop-shadow(0 0 3cqw var(--rc)) brightness(1.35)}}@keyframes kd-frame-glow{0%,to{filter:brightness()}50%{filter:brightness(1.28)saturate(1.2)}}@keyframes kd-ember{0%{filter:brightness()}20%{filter:brightness(1.12)}40%{filter:brightness(1.03)}62%{filter:brightness(1.15)}80%{filter:brightness(1.05)}to{filter:brightness()}}@keyframes kd-ember-glow{0%,to{opacity:.7;transform:scale(1)}30%{opacity:1;transform:scale(1.07)}60%{opacity:.8;transform:scale(1.02)}}@keyframes kd-holo{to{filter:hue-rotate(360deg)}}@keyframes kd-holo-glow{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.kd-card[data-tier="7"]:after{z-index:2;content:"";pointer-events:none;opacity:.45;transform-origin:50% 100%;background:radial-gradient(15cqw 44cqw at 4% 100%,#ff460af2,#ff460a59 45%,#0000 72%),radial-gradient(15cqw 44cqw at 96% 100%,#ff460af2,#ff460a59 45%,#0000 72%),radial-gradient(10cqw 32cqw at 15% 100%,#ffd250e6,#0000 72%),radial-gradient(10cqw 32cqw at 85% 100%,#ffd250e6,#0000 72%),radial-gradient(30cqw 14cqw at 50% 100%,#ff781e80,#0000 75%);height:80cqw;position:absolute;inset:auto 1.5cqw 5cqw}.kd-card[data-tier="7"] .kd-card__sparks i{background:#ffd27a;width:2cqw;height:2cqw;box-shadow:0 0 3cqw .8cqw #ff5a2a}.kd-card[data-tier="7"] .kd-card__sigil-wrap{filter:drop-shadow(0 0 2.4cqw #ff5a2a)}.kd-card[data-shiny=true] .kd-card__sparks i{background:hsl(calc(var(--i) * 40) 100% 72%);box-shadow:0 0 2.6cqw .7cqw hsl(calc(var(--i) * 40) 100% 60%)}.kd-card[data-shiny=true]:after{z-index:6;content:"";pointer-events:none;mix-blend-mode:screen;opacity:.4;background-image:radial-gradient(1.4px 1.4px at 12% 16%,#fff 50%,#0000 55%),radial-gradient(1.2px 1.2px at 78% 10%,#fff 50%,#0000 55%),radial-gradient(1.6px 1.6px at 34% 38%,#bfe9ff 50%,#0000 55%),radial-gradient(1.2px 1.2px at 90% 44%,#fff 50%,#0000 55%),radial-gradient(1.5px 1.5px at 18% 62%,#ffd9f2 50%,#0000 55%),radial-gradient(1.2px 1.2px at 66% 70%,#fff 50%,#0000 55%),radial-gradient(1.6px 1.6px at 44% 86%,#fff7bf 50%,#0000 55%),radial-gradient(1.2px 1.2px at 86% 90%,#fff 50%,#0000 55%),radial-gradient(1.4px 1.4px at 8% 90%,#c9ffd9 50%,#0000 55%),radial-gradient(1.2px 1.2px at 56% 22%,#fff 50%,#0000 55%);position:absolute;inset:2.5cqw}@media (prefers-reduced-motion:no-preference){.kd-card[data-tier="7"]:after{animation:1.15s ease-in-out infinite alternate kd-flames;animation-play-state:var(--live,running)}.kd-card[data-tier="7"] .kd-card__frame{animation:2.2s step-end infinite kd-ember;animation-play-state:var(--live,running)}.kd-card[data-tier="7"] .kd-card__sparks i{animation-duration:calc(1.5s + var(--i) * .22s)}.kd-card[data-shiny=true] .kd-card__win:before{mix-blend-mode:normal;opacity:.08;animation:4.5s linear infinite kd-foil;animation-play-state:var(--live,running);background:linear-gradient(115deg,#ff6b9a,#ffd36b,#7dff9f,#6bd6ff,#b08cff,#ff6b9a,#ffd36b,#7dff9f,#6bd6ff) 0 0/400% 100%;display:block;inset:0;transform:none}.kd-card[data-shiny=true]:after{animation:1.6s ease-in-out infinite alternate kd-twinkle;animation-play-state:var(--live,running)}.kd-card[data-shiny=true] .kd-card__frame{animation-duration:3.5s}.kd-card[data-shiny=true] .kd-card__ring{opacity:1;animation-duration:2.8s}.kd-card[data-shiny=true] .kd-card__sparks i{animation-duration:calc(1.8s + var(--i) * .25s)}}@keyframes kd-flames{0%{opacity:.7;transform:scaleY(.82)skew(-2deg)}50%{opacity:.95;transform:scaleY(1.12)skew(2deg)}to{opacity:.8;transform:scaleY(.95)skew(-1deg)}}@keyframes kd-foil{0%{background-position:0 0}to{background-position:300% 300%}}@keyframes kd-twinkle{0%{opacity:.25;transform:scale(1)}to{opacity:.95;transform:scale(1.02)}}.kd-card__series{gap:2cqw}.kd-card__series-emblem{width:5.4cqw;height:5.4cqw;color:var(--gold);filter:drop-shadow(0 0 .8cqw #f0c75e99)}.kd-demo{box-shadow:none!important;border-radius:0!important;transform:none!important}.kd-demo:before,.kd-demo:after{display:none!important}.kd-demo .kd-card__series-emblem{width:100%;height:100%}.kd-card__core{z-index:4;width:16.8cqw;height:16.8cqw;color:var(--gold);box-shadow:0 0 0 .4cqw #050a18, 0 0 3cqw color-mix(in srgb, var(--gold) 45%, transparent), inset 0 0 2.4cqw #000000b3;background:radial-gradient(circle at 50% 38%,#16294f 0%,#07102a 78%) padding-box padding-box,conic-gradient(from 210deg,#fff2c2,#d49a3a,#fff2c2,#b8791f,#fff2c2) border-box;border:.9cqw solid #0000;border-radius:50%;place-items:center;display:grid;position:absolute;top:126.6cqw;left:41.6cqw}.kd-card__core svg{filter:drop-shadow(0 0 1cqw #f0c75ebf);width:66%;height:66%}.kd-card[data-shiny=true] .kd-card__core{color:#fff}.kd-card[data-undiscovered=true] .kd-card__core{opacity:.7}.kd-card[data-motion=hover]:not(:hover) :is(.kd-card__ring,.kd-card__glare,.kd-card__sparks){display:none!important}.kd-card[data-motion=hover]:not(:hover):before,.kd-card[data-motion=hover]:not(:hover):after{display:none}.kd-card__core{width:9.8cqw;height:9.8cqw;box-shadow:none;background:0 0;border:0;top:130.3cqw;left:45.1cqw}.kd-card__core svg{width:88%;height:88%}.kd-card__fx{z-index:7;pointer-events:none;width:128cqw;height:181.2cqw;position:absolute;top:-14cqw;left:-14cqw}@media (width<=767px){.kd-card--sm{--w:min(40vw, 9rem)}.kd-card--lg{--w:min(72vw, 17rem)}}.kd-card__plate{--pl:polygon(5% 0, 95% 0, 100% 26%, 100% 100%, 0 100%, 0 26%);clip-path:var(--pl);background:linear-gradient(#fbe7a6,#c58a2b 55%,#f3cd72);flex-direction:column;gap:1.4cqw;margin-inline:-1.2cqw;padding:3.2cqw 6cqw 2.8cqw;display:flex;position:relative}.kd-card__plate:before{z-index:-1;content:"";clip-path:var(--pl);background:radial-gradient(120% 90% at 50% 0,#f0c75e1f,#0000 70%),linear-gradient(#0c1630,#060b1a);position:absolute;inset:.45cqw}.kd-card__plate>*{position:relative}.kd-card--sm .kd-card__plate{padding:2.4cqw 4cqw 2cqw}.kd-card[data-shiny=true] .kd-card__plate{background:linear-gradient(#fff,#9aa7c4 55%,#fff)}.kd-card[data-shiny=true] .kd-card__plate:before{background:#000}.kd-card[data-undiscovered=true] .kd-card__plate{background:#3b4560}