@property --mx{syntax:"<percentage>";inherits:true;initial-value:50%}@property --my{syntax:"<percentage>";inherits:true;initial-value:50%}@property --rx{syntax:"<angle>";inherits:true;initial-value:0deg}@property --ry{syntax:"<angle>";inherits:true;initial-value:0deg}@property --hyp{syntax:"<number>";inherits:true;initial-value:0}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.card-tilt{perspective:1000px;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;max-width:360px;margin-inline:auto;container-type:inline-size}.card{--paper:#fbf7ee;--ink:#1f1a14;--muted:#7a6f60;--frame-bg:linear-gradient(145deg, #d6cfc2, #a69d8e);--mark:#8a8174;--glare-max:.35;--radius:4.6cqi;aspect-ratio:63/88;border-radius:var(--radius);color:var(--ink);font-family:var(--font-card), var(--font-geist-sans), system-ui, sans-serif;transform:rotateX(var(--rx)) rotateY(var(--ry));will-change:transform;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .4s;position:relative;box-shadow:0 1.2cqi 2.4cqi #00000040,0 4cqi 8cqi #00000040}.card-tilt[data-active] .card{transition:transform 80ms linear,box-shadow .4s}.card-frame{border-radius:inherit;background:var(--frame-bg);background-size:200% 200%;position:absolute;inset:0}.card-body{background:linear-gradient(180deg, color-mix(in oklab, var(--type) 22%, var(--paper)) 0%, var(--paper) 28%), var(--paper);box-shadow:inset 0 0 0 .5cqi color-mix(in oklab, var(--type) 35%, transparent);border-radius:2.6cqi;flex-direction:column;gap:1.8cqi;padding:2.6cqi 3cqi 2cqi;display:flex;position:absolute;inset:3cqi;overflow:hidden}.card-head{justify-content:space-between;align-items:flex-start;gap:2cqi;display:flex}.card-head__names{min-width:0}.card-name{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:6.4cqi;font-weight:800;line-height:1.05;overflow:hidden}.card-latin{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:.6cqi 0 0;font-size:3.3cqi;font-style:italic;overflow:hidden}.card-hp{color:#d33a2c;font-variant-numeric:tabular-nums;flex-shrink:0;align-items:baseline;gap:.8cqi;font-size:8cqi;font-weight:900;line-height:1;display:flex}.card-hp span{letter-spacing:.05em;font-size:3.2cqi;font-weight:800}.card-art{isolation:isolate;min-height:0;box-shadow:0 0 0 .8cqi color-mix(in oklab, var(--type) 55%, white), 0 .6cqi 1.6cqi #00000040;background:#d9d2c4;border-radius:2cqi;flex:auto;position:relative;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;display:block}.card-foil{pointer-events:none;opacity:0;-webkit-mask-image:radial-gradient(farthest-corner circle at var(--mx) var(--my), #000 0%, #00000059 45%, transparent 85%);-webkit-mask-image:radial-gradient(farthest-corner circle at var(--mx) var(--my), #000 0%, #00000059 45%, transparent 85%);mask-image:radial-gradient(farthest-corner circle at var(--mx) var(--my), #000 0%, #00000059 45%, transparent 85%);position:absolute;inset:0}.card-type,.card-iucn{z-index:2;border-radius:99px;padding:.6cqi 2cqi;font-size:3cqi;font-weight:700;line-height:1.3;position:absolute;top:1.6cqi;box-shadow:0 .4cqi 1.2cqi #0000004d}.card-type{background:var(--type);color:#fff;left:1.6cqi}.card-iucn{color:#fff;background:#000000b3;right:1.6cqi}.card-rarity{z-index:2;background:var(--mark);color:#fff;letter-spacing:.14em;text-transform:uppercase;border-radius:99px;align-self:center;margin-top:-4.6cqi;padding:.7cqi 3.4cqi;font-size:2.8cqi;font-weight:800;position:relative;box-shadow:0 .5cqi 1.4cqi #0000004d}.card-stats{gap:1.2cqi;display:grid}.card-stat{grid-template-columns:8cqi 1fr 7cqi;align-items:center;gap:2cqi;display:grid}.card-stat__label{color:var(--muted);letter-spacing:.06em;font-size:2.9cqi;font-weight:800}.card-stat__bar{background:color-mix(in oklab, var(--ink) 12%, transparent);border-radius:99px;height:1.8cqi;overflow:hidden}.card-stat__bar span{border-radius:inherit;height:100%;display:block}.card-stat--atk .card-stat__bar span{background:linear-gradient(90deg,#f0626b,#d6283a)}.card-stat--spd .card-stat__bar span{background:linear-gradient(90deg,#4cc3f5,#1f7fd6)}.card-stat__value{text-align:right;font-variant-numeric:tabular-nums;font-size:4.2cqi;font-weight:800}.card-facts{border-top:.3cqi solid color-mix(in oklab, var(--ink) 12%, transparent);text-align:center;grid-template-columns:repeat(3,1fr);gap:1cqi;margin:0;padding-top:1.4cqi;display:grid}.card-facts dt{color:var(--muted);font-size:2.4cqi}.card-facts dd{font-variant-numeric:tabular-nums;margin:.2cqi 0 0;font-size:3.4cqi;font-weight:700}.card-foot{color:var(--muted);align-items:center;gap:2cqi;margin-top:auto;font-size:2.2cqi;display:flex}.card-mark{color:var(--mark);letter-spacing:.1em;filter:drop-shadow(0 0 .6cqi color-mix(in oklab, var(--mark) 50%, transparent));font-size:3.4cqi}.card-credit{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.card-number{font-variant-numeric:tabular-nums;flex-shrink:0}.card-glare{z-index:5;pointer-events:none;border-radius:inherit;background:radial-gradient(farthest-corner circle at var(--mx) var(--my), #ffffffb3 0%, #ffffff2e 28%, #00000038 95%);mix-blend-mode:overlay;opacity:0;transition:opacity .4s;position:absolute;inset:0}.card-tilt[data-active] .card-glare{opacity:var(--glare-max)}.card[data-rarity=peu_commune]{--mark:#2f8a52;--glare-max:.45;--frame-bg:linear-gradient(115deg, #1f6b3d 0%, #7fd39a calc(var(--mx) - 22%), #e6fff0 var(--mx), #6cc58b calc(var(--mx) + 18%), #1d5f37 100%)}.card[data-rarity=rare]{--mark:#2a6fd6;--glare-max:.55;--frame-bg:linear-gradient(120deg, #163f86 0%, #79b6ff calc(var(--mx) - 25%), #f1f8ff var(--mx), #5d9cf0 calc(var(--mx) + 20%), #12346f 100%)}.card[data-rarity=rare] .card-foil{opacity:calc(.35 + var(--hyp) * .45);background-image:repeating-linear-gradient(125deg,#0000 0% 4%,#ffffffa6 5.5%,#0000 7%);background-size:260% 260%;background-position:var(--mx) var(--my);mix-blend-mode:overlay}.card[data-rarity=epique]{--mark:#8b3fd9;--glare-max:.6;--frame-bg:linear-gradient(125deg, #4b1d8f 0%, #c08bff calc(var(--mx) - 25%), #ffe3ff calc(var(--mx) - 5%), #8de9ff calc(var(--mx) + 8%), #a46bff calc(var(--mx) + 25%), #3d1475 100%)}.card[data-rarity=epique] .card-foil{opacity:calc(.5 + var(--hyp) * .35);background-image:radial-gradient(circle at 30% 40%,#ffffffe6 0 .25cqi,#0000 .6cqi),radial-gradient(circle at 70% 75%,#fffc 0 .2cqi,#0000 .5cqi),repeating-linear-gradient(110deg,#ff7a7a 0%,#ffd86b 6%,#8fff8a 12%,#6bf0ff 18%,#8a8cff 24%,#f07aff 30%,#ff7a7a 36%);background-size:9cqi 9cqi,13cqi 13cqi,300% 300%;background-position:0 0, 0 0, var(--mx) var(--my);mix-blend-mode:color-dodge;filter:brightness(.65)contrast(1.4)saturate(1.3)}.card[data-rarity=mythique]{--paper:#1c1418;--ink:#fbefe6;--muted:#c9a99a;--mark:#ff7a1a;--glare-max:.6;--frame-bg:conic-gradient(from var(--angle), #ff2d00, #ffb000, #ff0063, #ff6a00, #ffd24a, #ff2d00);animation:3.2s ease-in-out infinite aura}.card[data-rarity=mythique] .card-frame{animation:5s linear infinite spin}.card[data-rarity=mythique] .card-body{background:radial-gradient(120% 60% at 50% 0%, #ff5a004d, transparent 60%), var(--paper);box-shadow:inset 0 0 0 .5cqi #ff782873}@supports (color:lab(0% 0 0)){.card[data-rarity=mythique] .card-body{background:radial-gradient(120% 60% at 50% 0%, lab(61.2892% 61.8595 71.8779/.3), transparent 60%), var(--paper)}}.card[data-rarity=mythique] .card-foil{opacity:calc(.45 + var(--hyp) * .3);background-image:radial-gradient(circle at 20% 30%,#fff 0 .2cqi,#0000 .5cqi),radial-gradient(circle at 80% 60%,#ffe6b4 0 .25cqi,#0000 .6cqi),repeating-linear-gradient(100deg,#ff3b2f 0%,#ffb02e 8%,#ff4fa3 16%,#8a6bff 24%,#ff3b2f 32%);background-size:7cqi 7cqi,11cqi 11cqi,300% 300%;background-position:0 0, 0 0, var(--mx) var(--my);mix-blend-mode:color-dodge;filter:brightness(.6)contrast(1.4)saturate(1.3)}.card[data-rarity=legendaire]{--ink:#fff8e6;--muted:#e9d9b0;--mark:#ffd257;--glare-max:.75;--frame-bg:conic-gradient(from var(--angle), #fff4b8, #c9930f, #fffbe3, #a87405, #ffe27a, #d9a520, #fff4b8);animation:4s ease-in-out infinite aura-gold}.card[data-rarity=legendaire] .card-frame{animation:9s linear infinite spin}.card[data-fullart] .card-body{background:#1a140a;gap:0;padding:0;box-shadow:inset 0 0 0 .5cqi #ffdc788c}.card-art--full{box-shadow:none;border-radius:0;position:absolute;inset:0}.card-art--full img{filter:saturate(.9)sepia(.12)contrast(1.05)}.card[data-rarity=legendaire] .card-foil{opacity:calc(.45 + var(--hyp) * .3);background-image:radial-gradient(circle at 25% 35%,#fff 0 .2cqi,#0000 .55cqi),radial-gradient(circle at 75% 70%,#fff0be 0 .25cqi,#0000 .6cqi),repeating-linear-gradient(115deg,#ffe9a3 0%,#ff9fd2 7%,#9fe8ff 14%,#b9ffb0 21%,#ffd36b 28%,#ffe9a3 35%);background-size:6cqi 6cqi,10cqi 10cqi,300% 300%;background-position:0 0, 0 0, var(--mx) var(--my);mix-blend-mode:color-dodge;filter:brightness(.62)contrast(1.3)}.card-overlay{z-index:3;flex-direction:column;gap:1.6cqi;padding:3cqi;display:flex;position:absolute;inset-inline:0}.card-overlay--top{background:linear-gradient(#0a0600c7,#0a060059 65%,#0000);padding-bottom:10cqi;top:0}.card-overlay--top .card-type{align-self:flex-start;position:static}.card-overlay--top .card-name{text-shadow:0 .3cqi 1.2cqi #0009}.card-overlay--top .card-hp{color:#ffd257;text-shadow:0 0 2cqi #ffbe2899}.card-overlay--bottom{-webkit-backdrop-filter:blur(6px)saturate(1.2);backdrop-filter:blur(6px)saturate(1.2);background:#160e029e;border:.3cqi solid #ffdc8273;border-radius:2.4cqi;margin:2.4cqi;bottom:0}.card-overlay--bottom .card-facts{border-top-color:#ffdc8240}.card-stamp{z-index:4;color:#ff7a63;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 1.4cqi #ff3c1e99;background:#2806028c;border:.8cqi double #ff6b55;border-radius:1.2cqi;padding:1cqi 3cqi;font-size:5cqi;font-weight:900;position:absolute;top:40%;right:5cqi;transform:rotate(-14deg);box-shadow:0 0 2cqi #0006}.card-sparkles{z-index:4;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.card-sparkles span{opacity:0;width:3.2cqi;height:3.2cqi;animation:2.8s ease-in-out infinite twinkle;position:absolute;translate:-50% -50%}.card-sparkles span:before{content:"✦";color:#fff6d0;text-shadow:0 0 1.2cqi #ffd257,0 0 3cqi #ffb300;font-size:3.2cqi;line-height:1;display:block}.card[data-rarity=mythique] .card-sparkles span:before{color:#ffe2c4;text-shadow:0 0 1.2cqi #ff7a1a,0 0 3cqi #ff2d00}.card-sparkles span:nth-child(2){animation-delay:.4s}.card-sparkles span:nth-child(3){animation-delay:1.1s}.card-sparkles span:nth-child(4){animation-delay:1.7s}.card-sparkles span:nth-child(5){animation-delay:2.2s}.card-sparkles span:nth-child(6){animation-delay:.8s}.card-sparkles span:nth-child(7){animation-delay:1.4s}.card-sparkles span:nth-child(8){animation-delay:2.5s}.card-sparkles span:nth-child(9){animation-delay:.2s}.card-sparkles span:nth-child(10){animation-delay:1.9s}.card-tilt:not([data-active])[data-rarity=rare] .card,.card-tilt:not([data-active])[data-rarity=epique] .card{animation:7s ease-in-out infinite idle}.card-tilt:not([data-active])[data-rarity=mythique] .card{animation:6s ease-in-out infinite idle,3.2s ease-in-out infinite aura}.card-tilt:not([data-active])[data-rarity=legendaire] .card{animation:8s ease-in-out infinite idle,4s ease-in-out infinite aura-gold}.card-tilt:not([data-active]):is([data-rarity=rare],[data-rarity=epique],[data-rarity=mythique],[data-rarity=legendaire]) .card-glare{opacity:calc(var(--glare-max) * .6)}@keyframes idle{0%,to{--mx:30%;--my:25%;--rx:3deg;--ry:-5deg;--hyp:.5}50%{--mx:70%;--my:75%;--rx:-3deg;--ry:5deg;--hyp:.5}}@keyframes spin{to{--angle:360deg}}@keyframes aura{0%,to{box-shadow:0 1.2cqi 2.4cqi #0000004d,0 0 5cqi #ff500059}50%{box-shadow:0 1.2cqi 2.4cqi #0000004d,0 0 10cqi #ff3c00a6}}@keyframes aura-gold{0%,to{box-shadow:0 1.2cqi 2.4cqi #0000004d,0 0 6cqi #ffc83c66}50%{box-shadow:0 1.2cqi 2.4cqi #0000004d,0 0 12cqi #ffcd46bf}}@keyframes twinkle{0%,to{opacity:0;rotate:0deg;scale:.4}45%{opacity:1;rotate:45deg;scale:1}60%{opacity:.2;scale:.7}}.tile-shine{mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 35%,#ffffff8c 48%,#ffe6ff4d 52%,#0000 65%) 0 0/300% 100%;animation:4s ease-in-out infinite tile-shine}@keyframes tile-shine{0%{background-position:100% 0}60%,to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.tile-shine{animation:none}.card,.card-frame,.card-sparkles span,.card-tilt .card{animation:none!important;transform:none!important}.card-sparkles span{opacity:.8}}