@property --mx{syntax:"<percentage>";inherits:true;initial-value:50%}@property --my{syntax:"<percentage>";inherits:true;initial-value:50%}.card{--card-w:200px;--mx:50%;--my:50%;--rx:0deg;--ry:0deg;--hov:0;--metal:linear-gradient(135deg, #3f3f46, #71717a 40%, #3f3f46 70%, #52525b);--trim:rgba(255,255,255,.35);--ink-ovr:#fafafa;--glow:rgba(0,0,0,0);--acc:#ff6a2b;--acc-2:#ffb15c;--base:linear-gradient(180deg, #17171a, #0b0b0d);--pattern:none;--name-font:800 1.22em/1 var(--font-title);--name-ls:-.02em;--name-tt:none;width:var(--card-w);aspect-ratio:5/7;flex:none;position:relative;font-size:calc(var(--card-w)/14);perspective:900px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.card__body{position:absolute;inset:0;border-radius:.7em;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);transition:transform 400ms var(--ease),box-shadow 300ms var(--ease);box-shadow:0 .6em 1.6em -.4em rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.5)}.card.is-tilting .card__body{transition:transform 80ms linear,box-shadow 300ms var(--ease)}.card:hover .card__body{box-shadow:0 1.2em 2.6em -.6em rgba(0,0,0,.85),0 0 2.4em -.4em var(--glow)}.card:focus-visible{box-shadow:none;outline:0}.card:focus-visible .card__body{box-shadow:var(--focus)}.card__frame{position:absolute;inset:0;border-radius:inherit;padding:.3em;background:var(--metal);overflow:hidden}.card__frame::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.45),transparent 30%,transparent 70%,rgba(0,0,0,.35));mix-blend-mode:overlay}.card__inner{position:relative;height:100%;border-radius:.52em;overflow:hidden;isolation:isolate;background:var(--pattern),var(--base);color:#fafafa}.card__inner::before{content:"";position:absolute;inset:.28em;border-radius:.38em;z-index:4;pointer-events:none;border:1px solid color-mix(in srgb,var(--trim) 55%,transparent)}.card__year{position:absolute;z-index:0;pointer-events:none;white-space:nowrap;right:-.4em;top:4.6em;display:flex;flex-direction:column;align-items:flex-end;gap:.3em}.card__yr{font:italic 800 5.4em/.8 var(--font-title);letter-spacing:-.05em;padding-right:.06em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--season, var(--acc)) 50%,transparent);opacity:.9}.card__game{order:-1;font:700 .5em/1 var(--font-mono);letter-spacing:.3em;margin-right:3.4em;text-transform:uppercase;color:var(--season-2, var(--acc-2));opacity:.6}.card:is([data-variant=champion],[data-variant=major],[data-variant=mvp],[data-variant=moment]) .card__year{top:4.6em}.card__art{position:absolute;z-index:1;left:0;right:0;top:4%;height:58%;display:grid;place-items:end center}.card__art::before{content:"";position:absolute;left:50%;bottom:-12%;width:105%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--acc) 55%,transparent) 0%,transparent 62%);opacity:.55}.card__art img{position:relative;display:block;width:92%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 .3em .5em rgba(0,0,0,.6)) contrast(1.05) saturate(.96);-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 99%),linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 70%,transparent 99%),linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect;-webkit-user-select:none;user-select:none}.card__art--default img{filter:contrast(1.25) brightness(1.15);mix-blend-mode:luminosity;opacity:.95}.card__art--icon{place-items:center;top:14%;height:42%}.card__art--icon svg{width:38%;height:auto;color:color-mix(in srgb,var(--acc) 60%,#fff);filter:drop-shadow(0 0 .8em color-mix(in srgb,var(--acc) 50%,transparent))}.card__art--icon::before{bottom:-30%}.card__top{position:absolute;z-index:5;left:.8em;top:.75em;display:grid;justify-items:center;gap:.28em}.card__top::before{content:"";position:absolute;z-index:-1;left:-1.6em;top:-1.4em;width:6em;height:6.4em;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);pointer-events:none}.card__ovr{font:800 2.55em/.86 var(--font-title);letter-spacing:-.05em;color:var(--ink-ovr);text-shadow:0 .06em .2em rgba(0,0,0,.6);font-variant-numeric:tabular-nums}.card__role{font:700 .56em/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.85)}.card__league{font:700 .44em/1 var(--font-mono);letter-spacing:.08em;padding:.4em .55em;border-radius:.3em;background:rgba(0,0,0,.45);border:1px solid color-mix(in srgb,var(--trim) 60%,transparent);color:#fff}.card__league[data-l=chl]{border-style:dashed}.card__serial{position:absolute;z-index:5;right:.75em;top:54%;padding:.32em .5em;border-radius:.3em;font:800 .64em/1 var(--font-mono);letter-spacing:.02em;color:#1a1306;background:linear-gradient(135deg,#fff7d6,#f2c85c 35%,#fff2b8 55%,#c9962a);box-shadow:0 .15em .5em rgba(0,0,0,.5)}.card[data-rarity=pm] .card__serial{background:linear-gradient(135deg,#fff,#ffd0c8 35%,#ff6b5a 75%,#e0301e);color:#2a0000}.card__plate{position:absolute;z-index:5;left:0;right:0;top:61.5%;padding:0 .85em;display:flex;align-items:flex-end;justify-content:space-between;gap:.4em}.card__plate>div{min-width:0}.card__name{display:block;font:var(--name-font);letter-spacing:var(--name-ls);text-transform:var(--name-tt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 .08em .3em rgba(0,0,0,.7)}.card__team{display:block;margin-top:.3em;font:600 .5em/1.2 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__plate::after{content:"";position:absolute;left:.85em;bottom:-.5em;width:3.4em;height:.2em;border-radius:1em;background:var(--metal);box-shadow:0 0 .6em var(--glow)}.card__stats{position:absolute;z-index:5;left:.6em;right:.6em;bottom:1.9em;display:grid;grid-template-columns:repeat(4,1fr);gap:.25em}.card__stat{display:grid;justify-items:center;gap:.22em;padding:.38em 0 .32em;border-radius:.35em;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.07)}.card__stat span{font:700 .4em/1 var(--font-sans);letter-spacing:.1em;color:rgba(255,255,255,.55)}.card__stat b{font:700 .86em/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.card__stat b.is-hi{color:color-mix(in srgb,var(--acc) 55%,#fff)}.card__desc{position:absolute;z-index:5;left:.85em;right:.85em;bottom:2em;font:500 .56em/1.4 var(--font-sans);color:rgba(255,255,255,.78)}.card__foot{position:absolute;z-index:5;left:0;right:0;bottom:.72em;height:1.6em;padding:0 1.7em;display:flex;justify-content:space-between;align-items:center;gap:.8em;font:600 .5em/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6)}.card__foot b{color:#fff}.card__cost b{color:var(--acc-2)}.card__gem{display:inline-flex;align-items:center;gap:.45em;white-space:nowrap}.card__gem::before{content:"";width:.8em;height:.8em;transform:rotate(45deg);border-radius:.15em;background:var(--metal);box-shadow:0 0 0 1px rgba(0,0,0,.4)}.card__badge{position:absolute;z-index:6;right:.7em;top:.75em;display:grid;justify-items:center;gap:.15em;text-align:center}.card__badge svg{width:1.3em;height:1.3em}.card__sale{position:absolute;z-index:8;top:-.45em;left:-.45em;width:1.9em;height:1.9em;border-radius:1em;display:grid;place-items:center;background:#ff4d1c;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5)}.card__sale svg{width:1.05em;height:1.05em}.card[data-size=compact] .card__sale{font-size:.55em}.card__count{position:absolute;z-index:8;top:-.45em;right:-.45em;min-width:1.9em;height:1.9em;padding:0 .5em;border-radius:1em;display:grid;place-items:center;font:700 .7em/1 var(--font-mono);background:#fafafa;color:#0b0b0d;box-shadow:0 2px 8px rgba(0,0,0,.5)}.card[data-series]{--acc:var(--season);--acc-2:var(--season-2);--base:linear-gradient(180deg, color-mix(in srgb, var(--acc) 12%, #0d0d0f) 0%, color-mix(in srgb, var(--acc) 5%, #0a0a0b) 55%, #09090a 100%);--pattern:linear-gradient(115deg, transparent 58%, color-mix(in srgb, var(--acc) 20%, transparent) 58% 63%, transparent 63% 66%, color-mix(in srgb, var(--acc-2) 13%, transparent) 66% 68%, transparent 68%),
    radial-gradient(90% 55% at 72% 18%, color-mix(in srgb, var(--acc) 30%, transparent), transparent 62%),
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.07) 1px, transparent 1.3px) 0 0 / .55em .55em}.card[data-series=s20]{--season:#e05ad0;--season-2:#f6b3ec}.card[data-series=s21]{--season:#3d7bff;--season-2:#a9c6ff}.card[data-series=s22]{--season:#22c7b0;--season-2:#9ef0e2}.card[data-series=s23]{--season:#7fd8ff;--season-2:#d2f1ff}.card[data-series=s24]{--season:#c9b77a;--season-2:#e9dcab}.card[data-series=s25]{--season:#ff5a1f;--season-2:#ffb15c}.card[data-series=s26]{--season:#39ff7a;--season-2:#b6ff3b}.card[data-series=sx]{--season:#94a3b8;--season-2:#dbe3ee}.card[data-variant=champion]{--acc:#f5c451;--acc-2:#fff1b8;--base:radial-gradient(70% 50% at 50% 34%, #5a3d0c 0%, #2a1c06 45%, #0f0b05 100%);--pattern:repeating-conic-gradient(from 0deg at 50% 36%, rgba(255,214,110,.15) 0deg 5deg, transparent 5deg 13deg),
    radial-gradient(60% 40% at 50% 36%, rgba(255,214,110,.35), transparent 70%)}.card[data-variant=champion] .card__inner::before{border:.12em double rgba(245,196,81,.7);inset:.3em}.card[data-variant=champion] .card__name{background:linear-gradient(180deg,#fff8dc 10%,#f5c451 55%,#b7861f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 .06em .15em rgba(0,0,0,.7))}.badge-champ{display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:50%;color:#3a2705;background:radial-gradient(circle at 35% 30%,#fff6cf,#f5c451 45%,#a87412);box-shadow:0 0 0 .1em rgba(0,0,0,.4),0 0 1em rgba(245,196,81,.6)}.badge-champ svg{width:1.15em;height:1.15em}.badge-label{font:800 .36em/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#fde68a;text-shadow:0 1px 2px #000}.card[data-variant=totw]{--acc:#ff6a2b;--acc-2:#ffd0a8;--base:linear-gradient(180deg, #0e0e10, #050506);--pattern:linear-gradient(120deg, transparent 44%, #ff4d1c 44% 58%, #ff8a00 58% 61%, transparent 61%) 0 0 / 100% 64% no-repeat,
    repeating-linear-gradient(120deg, transparent 0 .45em, rgba(255,255,255,.035) .45em .5em)}.card[data-variant=totw] .card__year{display:none}.card[data-variant=totw] .card__art::before{opacity:.25}.badge-totw{display:grid;justify-items:center;padding:.38em .45em .45em;border-radius:.35em;background:#fafafa;color:#0b0b0d;box-shadow:0 .2em .6em rgba(0,0,0,.55)}.badge-totw b{font:900 .62em/1 var(--font-title);letter-spacing:.02em}.badge-totw small{margin-top:.2em;font:700 .36em/1 var(--font-mono);letter-spacing:.08em;color:#ff4d1c}.card__band{position:absolute;z-index:2;left:63%;top:3%;transform-origin:0 0;transform:rotate(60deg) translateZ(0);font:800 .5em/1 var(--font-sans);letter-spacing:.32em;text-transform:uppercase;color:rgba(0,0,0,.55);white-space:nowrap}.rc{flex:none;display:grid;place-items:center;width:2em;height:2.2em;margin-bottom:-.1em;padding-bottom:.25em;clip-path:polygon(0 0,100%0,100% 72%,50% 100%,0 72%);background:linear-gradient(180deg,#fff 0 78%,#e11d48 78%);box-shadow:inset 0 0 0 .1em #e11d48;color:#e11d48}.rc b{font:900 .82em/1 var(--font-title);letter-spacing:-.05em}.card[data-variant=rookie] .card__foot .card__series::after{content:" · RC";color:#fb7185}.card[data-rarity=bronze]{--metal:linear-gradient(135deg, #5c341a, #d39a6a 30%, #6b3f22 55%, #c4885a 80%, #6a3e20);--trim:#d39a6a;--ink-ovr:#f3c49c;--glow:rgba(205,127,50,.35)}.card[data-rarity=silver]{--metal:linear-gradient(135deg, #5e636b, #f1f3f5 30%, #7d828a 55%, #dadde1 80%, #6b7078);--trim:#e5e7eb;--ink-ovr:#f1f5f9;--glow:rgba(226,232,240,.3)}.card[data-rarity=gold]{--metal:linear-gradient(135deg, #7a5410, #fbe08e 30%, #9c7215 55%, #f5cd62 80%, #8a6212);--trim:#f5cd62;--ink-ovr:#ffe7a3;--glow:rgba(245,190,60,.42)}.card[data-rarity=prestige]{--metal:linear-gradient(135deg, #120a2a, #a78bfa 30%, #5b21b6 55%, #a78bfa 78%, #120a2a);--trim:#a78bfa;--ink-ovr:#fff;--glow:color-mix(in srgb, #5b21b6 60%, transparent);--cz-a:#5b21b6;--cz-b:#a78bfa;--cz-d:#120a2a;--cz-base:#2a1458;--cz-glowc:color-mix(in srgb, #5b21b6 43%, transparent);--cz-np-glow:color-mix(in srgb, #8b5cf6 85%, transparent);--cz-ink2:#dccbff;--cz-holo:rgba(170,130,255,.55), rgba(225,210,255,.6), rgba(140,90,255,.5)}.card[data-rarity=pm]{--metal:linear-gradient(135deg, #420000, #ad0000 30%, #941e00 55%, #ad0000 78%, #420000);--trim:#ad0000;--ink-ovr:#fff;--glow:color-mix(in srgb, #ff0000 60%, transparent);--cz-a:#941e00;--cz-b:#ad0000;--cz-d:#420000;--cz-base:#2a0000;--cz-glowc:color-mix(in srgb, #ff0000 43%, transparent);--cz-np-glow:color-mix(in srgb, #941e00 80%, transparent);--cz-ink2:#ffd0c8;--cz-holo:rgba(255,90,70,.5), rgba(255,215,205,.55), rgba(200,30,10,.5)}.card[data-rarity=bronze] .card__frame,.card[data-rarity=silver] .card__frame,.card[data-rarity=gold] .card__frame{background:var(--metal);background-size:180% 180%;background-position:var(--mx) var(--my)}.card__glare,.card__holo{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:7}.card__glare{background:radial-gradient(farthest-corner circle at var(--mx) var(--my),rgba(255,255,255,.3) 0%,rgba(255,255,255,.06) 30%,transparent 60%);mix-blend-mode:overlay;opacity:var(--hov);transition:opacity 300ms var(--ease)}.card__holo{opacity:0}.card:is([data-rarity=prestige],[data-rarity=pm]) .card__holo{opacity:calc(.22 + var(--hov)*.3);mix-blend-mode:color-dodge;background:linear-gradient(115deg,transparent 20%,var(--cz-holo),transparent 70%);background-size:250% 250%;background-position:var(--mx) var(--my)}.card:is([data-rarity=prestige],[data-rarity=pm]) .card__ovr,.card:is([data-rarity=prestige],[data-rarity=pm]):not([data-variant=champion]) .card__name{text-shadow:none;filter:drop-shadow(0 .06em .18em rgba(0,0,0,.7));background:linear-gradient(180deg,#fff 20%,var(--cz-ink2));-webkit-background-clip:text;background-clip:text;color:transparent}.card:is([data-rarity=prestige],[data-rarity=pm]) .card__frame{padding:.3em;background:var(--cz-base)}.card:is([data-rarity=prestige],[data-rarity=pm]) .card__frame::before{content:"";position:absolute;left:50%;top:50%;width:180%;aspect-ratio:1;pointer-events:none;background:conic-gradient(var(--cz-a),#000,var(--cz-b),var(--cz-d),var(--cz-a),#000,var(--cz-b),var(--cz-a));transform:translate(-50%,-50%);animation:card-prestige-spin 12s linear infinite;will-change:transform}@keyframes card-prestige-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.card:is([data-rarity=prestige],[data-rarity=pm])[data-size=compact] .card__frame{padding:.21em}.card:is([data-rarity=prestige],[data-rarity=pm])[data-size=xs] .card__frame{padding:.14em}.card:is([data-rarity=prestige],[data-rarity=pm])[data-size=xs] .card__frame::before{animation:none;will-change:auto}.card:is([data-rarity=prestige],[data-rarity=pm]) .card__inner{box-shadow:0 0 0 .06em var(--cz-d),0 0 0 .13em color-mix(in srgb,var(--cz-b) 48%,transparent)}.cz-sheen{display:none}.card:is([data-rarity=prestige],[data-rarity=pm]) .cz-sheen{display:block;position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.33) 50%,transparent 60%) 130%0/300% 100%no-repeat,repeating-linear-gradient(115deg,rgba(255,255,255,.18)0 .08em,transparent .08em .45em);animation:card-prestige-sweep 7s ease-in-out infinite}@keyframes card-prestige-sweep{0%{background-position:130%0,0 0}55%,to{background-position:-30%0,0 0}}.cz-glow{display:none}.card:is([data-rarity=prestige],[data-rarity=pm]) .cz-glow{display:block;position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;box-shadow:0 0 .49em .04em var(--cz-glowc)}.cz-np{display:none}.card:is([data-rarity=prestige],[data-rarity=pm]) .cz-np{position:absolute;z-index:9;left:50%;top:0;transform:translateX(-50%);height:1.8em;padding:.08em 1.8em 0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.45em;font-size:.9em;white-space:nowrap;pointer-events:none;color:#fff;isolation:isolate}.card:is([data-rarity=prestige],[data-rarity=pm]) .cz-np::before,.card:is([data-rarity=prestige],[data-rarity=pm]) .cz-np::after{content:"";position:absolute;z-index:-1;clip-path:polygon(0 0,100%0,calc(100% - .8em) 62%,calc(100% - .95em) 80%,calc(100% - 1.2em) 94%,calc(100% - 1.55em) 100%,1.55em 100%,1.2em 94%,.95em 80%,.8em 62%)}.card:is([data-rarity=prestige],[data-rarity=pm]) .cz-np::before{inset:0;background:var(--cz-b)}.card:is([data-rarity=prestige],[data-rarity=pm]) .cz-np::after{inset:0 .09em .09em;background:linear-gradient(180deg,var(--cz-a),var(--cz-d))}.card:is([data-rarity=prestige],[data-rarity=pm]) .cz-np b{font:700 .64em/1 var(--font-title);letter-spacing:.2em;margin-right:-.2em;text-transform:uppercase;text-shadow:0 0 .45em var(--cz-np-glow),0 .05em .1em rgba(0,0,0,.6)}.card:is([data-rarity=prestige],[data-rarity=pm]) .cz-np--long{padding-inline:1.65em;gap:.38em}.card:is([data-rarity=prestige],[data-rarity=pm]) .cz-np--long b{font-size:.6em;letter-spacing:.14em;margin-right:-.14em}.card[data-rarity=pm] .card__top{top:2.05em}.card[data-rarity=pm] .card__badge{top:2.05em}.card[data-rarity=pm] .card__year{top:5.4em}.card:is([data-rarity=prestige],[data-rarity=pm]) .cz-np .rk{display:block;width:auto;height:1.2em;margin:0;vertical-align:0}.card:is([data-rarity=prestige],[data-rarity=pm]) .card__badge{top:1.4em}.card:is([data-rarity=prestige],[data-rarity=pm])[data-size=compact] .card__badge{top:1.3em}.card:is([data-rarity=prestige],[data-rarity=pm])[data-size=compact] .cz-np{font-size:.8em;height:1.6em;padding:0 1.35em .16em}.card:is([data-rarity=prestige],[data-rarity=pm])[data-size=compact] .cz-np b{display:none}.card[data-rarity=pm][data-size=compact] .card__top{top:.45em}.card[data-rarity=pm][data-size=compact] .card__year{top:2.4em}.card[data-rarity=pm][data-size=xs] .card__top{top:.3em}.card:is([data-rarity=prestige],[data-rarity=pm])[data-size=xs] .cz-np{display:none}@media (prefers-reduced-motion:reduce){.card:is([data-rarity=prestige],[data-rarity=pm]) .card__frame::before,.card:is([data-rarity=prestige],[data-rarity=pm]) .cz-sheen{animation:none}}.card[data-size=compact]{font-size:calc(var(--card-w)/10)}.card[data-size=compact] .card__stats,.card[data-size=compact] .card__desc,.card[data-size=compact] .card__team,.card[data-size=compact] .card__serial,.card[data-size=compact] .card__league,.card[data-size=compact] .card__band,.card[data-size=compact] .badge-label,.card[data-size=compact] .card__foot>:not(.card__series){display:none}.card[data-size=compact] .card__body{border-radius:.55em}.card[data-size=compact] .card__frame{padding:.2em}.card[data-size=compact] .card__inner::before{inset:.2em}.card[data-size=compact] .card__top{left:.5em;top:.45em;gap:.2em}.card[data-size=compact] .card__ovr{font-size:2.1em}.card[data-size=compact] .card__role{font-size:.62em;letter-spacing:.06em}.card[data-size=compact] .card__art{top:8%;height:66%}.card[data-size=compact] .card__year{top:2.4em;right:-.3em}.card[data-size=compact] .card__yr{font-size:3.4em}.card[data-size=compact] .card__game{display:none}.card[data-size=compact] .card__plate{top:auto;bottom:1.25em;padding:0 .45em;justify-content:center}.card[data-size=compact] .card__plate>div{text-align:center}.card[data-size=compact] .card__name{font-size:1.02em}.card[data-size=compact] .card__plate::after{left:50%;transform:translateX(-50%);bottom:-.35em;width:1.8em;right:auto;height:.12em}.card[data-size=compact] .card__foot{bottom:.45em;height:.95em;padding:0;justify-content:center;font-size:.5em;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--acc) 30%,transparent),transparent);color:rgba(255,255,255,.75)}.card[data-size=compact] .card__badge{right:.4em;top:.45em}.card[data-size=compact] .rc{position:absolute;right:.4em;top:.45em;width:1.5em;height:1.7em}.card[data-size=compact] .rc b{font-size:.7em}.card[data-size=compact] .badge-totw{padding:.3em .35em}.card[data-size=compact] .badge-totw small{display:none}.card[data-size=compact] .badge-champ{width:1.6em;height:1.6em}.card[data-size=compact] .card__count{font-size:.55em}.card[data-size=compact] .card__band{display:none}.card[data-size=xs]{font-size:calc(var(--card-w)/8)}.card[data-size=xs] .card__stats,.card[data-size=xs] .card__desc,.card[data-size=xs] .card__team,.card[data-size=xs] .card__serial,.card[data-size=xs] .card__league,.card[data-size=xs] .card__role,.card[data-size=xs] .card__foot,.card[data-size=xs] .card__badge,.card[data-size=xs] .card__year,.card[data-size=xs] .rc,.card[data-size=xs] .card__band,.card[data-size=xs] .card__plate::after{display:none}.card[data-size=xs] .card__body{border-radius:.5em}.card[data-size=xs] .card__frame{padding:.14em}.card[data-size=xs] .card__inner::before{display:none}.card[data-size=xs] .card__top{left:.35em;top:.3em}.card[data-size=xs] .card__ovr{font-size:1.6em}.card[data-size=xs] .card__art{top:10%;height:70%}.card[data-size=xs] .card__plate{top:auto;bottom:.35em;padding:0 .25em;justify-content:center}.card[data-size=xs] .card__name{font-size:.8em;letter-spacing:0}.mini{--metal:linear-gradient(135deg, #3f3f46, #71717a);position:relative;width:var(--mini-w, 72px);border-radius:12px;padding:1px;background:var(--metal);cursor:pointer;flex:none;transition:transform var(--t-fast) var(--ease),box-shadow var(--t)}.mini:hover{transform:translateY(-2px);box-shadow:0 8px 20px -8px rgba(0,0,0,.8)}.mini__in{display:grid;justify-items:center;align-content:center;gap:4px;height:100%;min-height:84px;padding:8px 6px;border-radius:11px;background:linear-gradient(180deg,#1c1c20,#111113);text-align:center}.mini__in svg{width:22px;height:22px;color:var(--text)}.mini__name{font:600 .6875rem/1.2 var(--font-sans);color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mini__fx{font:500 .625rem/1.1 var(--font-mono);color:var(--accent-ink)}.mini[data-rarity=bronze]{--metal:linear-gradient(135deg, #6b3f22, #d39a6a 40%, #7a4a2a)}.mini[data-rarity=silver]{--metal:linear-gradient(135deg, #5e636b, #eef0f2 40%, #6b7078)}.mini[data-rarity=gold]{--metal:linear-gradient(135deg, #7a5410, #f8dc84 40%, #8a6212)}.mini[data-rarity=prestige]{--metal:linear-gradient(135deg, #5b21b6, #d4c2ff 40%, #6d28d9)}.mini[data-rarity=pm]{--metal:linear-gradient(135deg, #420000, #ff6b5a 40%, #941e00)}.card--flip .card__body{transition:transform 650ms var(--ease)}.card--flip .card__face,.card--flip .card__back{position:absolute;inset:0;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card--flip .card__face{transform:rotateY(180deg)}.card--flip.is-flipped .card__body{transform:rotateY(180deg)}.card__back{--m1:#26272b;--m2:#0d0d0f;--ac:#8f959e;--lg:linear-gradient(170deg, #f2f3f5, #9ea3ab 55%, #e0e2e6);overflow:hidden;isolation:isolate;font-size:calc(var(--card-w, 180px)/10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);background:radial-gradient(75% 55%at 50% 46%,var(--m1),var(--m2) 80%)}.card__back>i{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.card__back .cb-pat{background:repeating-linear-gradient(135deg,rgba(255,255,255,.022)0 1px,transparent 1px .3em)}.card__back .cb-frame{inset:.42em;border-radius:.6em;border:1px solid color-mix(in srgb,var(--ac) 55%,transparent);box-shadow:inset 0 0 0 .16em rgba(0,0,0,.5),inset 0 0 0 calc(.16em + 1px) color-mix(in srgb,var(--ac) 22%,transparent)}.card__back .cb-logo,.card__back .cb-shine,.card__back .cb-emb{inset:auto;left:50%;top:50%;width:46%;aspect-ratio:313/240;border-radius:0;transform:translate(-50%,-50%);-webkit-mask:url(/assets/img/picto.svg?v=20261106-2006)center/contain no-repeat;mask:url(/assets/img/picto.svg?v=20261106-2006)center/contain no-repeat}.card__back .cb-emb{background:rgba(0,0,0,.6);transform:translate(-50%,-50%) translate(.05em,.07em)}.card__back .cb-logo{background:var(--lg)}.card__back .cb-shine{background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.95) 50%,transparent 65%) no-repeat;background-size:300% 100%;mix-blend-mode:screen;opacity:.55;animation:cb-sweep 4.2s ease-in-out infinite}@keyframes cb-sweep{0%{background-position:120%0}55%,to{background-position:-20%0}}.card__back .cb-pips{inset:auto 0 1.6em;display:flex;justify-content:center;gap:.28em}.card__back .cb-pips b{width:.22em;height:.22em;border-radius:50%;background:var(--ac)}.card__back .cb-bar{inset:auto 0 1.15em;margin:auto;width:2.2em;height:.12em;border-radius:1em;background:var(--ac);box-shadow:0 0 .6em var(--ac)}.card[data-rarity=bronze] .card__back{--m1:#2a1e16;--ac:#c27a45;--lg:linear-gradient(160deg, #5e3216, #e6a272 40%, #8f512a 70%, #f0bb8e)}.card[data-rarity=silver] .card__back{--ac:#c9ced6;--lg:linear-gradient(160deg, #6b7078, #f4f6f8 40%, #9aa0a8 70%, #fff)}.card[data-rarity=gold] .card__back{--m1:#2a2216;--ac:#e2b857;--lg:linear-gradient(160deg, #7a5a1e, #f6dc95 30%, #b8862e 48%, #fff1c4 62%, #8d6420 85%)}.card[data-rarity=prestige] .card__back{--m1:#3a1a0f;--ac:#ff6a1c;--lg:linear-gradient(160deg, #ff4d1c, #ffb37a 40%, #ff8a00 60%, #ffe0c2)}.card[data-rarity=pm] .card__back{--m1:#1c1a26;--ac:#d9c8ff;--lg:linear-gradient(120deg, #ff7eb3, #ffd47a, #7affd4, #7ab4ff, #d27aff, #ff7eb3) 0 0/300% 300%}.card[data-rarity=pm] .card__back .cb-logo{animation:cb-holo 6s linear infinite}.card[data-rarity=pm] .card__back .cb-bar{background:linear-gradient(90deg,#ff7eb3,#7affd4,#d27aff)}@keyframes cb-holo{to{background-position:300% 300%}}@media (prefers-reduced-motion:reduce){.card__back .cb-shine,.card__back .cb-logo{animation:none!important}}.card__back::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity 300ms;box-shadow:inset 0 0 0 .15em var(--glow),0 0 3em var(--glow)}.card--flip.is-teasing .card__back::after{opacity:1;animation:tease .6s ease-in-out infinite alternate}.card--flip.is-teasing .card__body{animation:tease-shake .5s ease-in-out infinite}@keyframes tease{to{box-shadow:inset 0 0 0 .2em var(--glow),0 0 5em var(--glow)}}@keyframes tease-shake{25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}.card-slot{width:var(--card-w, 140px);aspect-ratio:5/7;border-radius:14px;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;border:1px dashed var(--border-3);background:rgba(255,255,255,.015);color:var(--text-3);cursor:pointer;font:500 .8125rem/1.3 var(--font-sans);transition:all var(--t-fast)}.card-slot svg{width:20px;height:20px}.card-slot:hover,.card-slot.is-over,.card-slot.is-target{border-color:var(--accent-line);border-style:solid;color:var(--accent-ink);background:var(--accent-soft)}.card-slot--sm{aspect-ratio:auto;min-height:86px;width:var(--mini-w, 72px);border-radius:12px;font-size:.6875rem}.card[data-variant=major]{--acc:#c77dff;--acc-2:#f0d9ff;--base:radial-gradient(70% 50% at 50% 34%, #3c1660 0%, #1d0b30 50%, #0b0612 100%);--pattern:repeating-linear-gradient(135deg, rgba(199,125,255,.12) 0 .3em, transparent .3em .9em), radial-gradient(60% 40% at 50% 36%, rgba(199,125,255,.3), transparent 70%)}.card[data-variant=mvp]{--acc:#ff3b5c;--acc-2:#ffd1da;--base:radial-gradient(70% 50% at 50% 34%, #5c0f1d 0%, #2b0710 50%, #0e0507 100%);--pattern:repeating-conic-gradient(from 0deg at 50% 36%, rgba(255,59,92,.16) 0deg 6deg, transparent 6deg 15deg)}.card[data-variant=moment]{--acc:#ff8a00;--acc-2:#ffe1b3;--base:linear-gradient(160deg, #2a1400, #0c0700 70%);--pattern:repeating-linear-gradient(100deg, transparent 0 .8em, rgba(255,138,0,.12) .8em 1em)}.card[data-variant=major] .card__inner::before,.card[data-variant=mvp] .card__inner::before,.card[data-variant=moment] .card__inner::before{border:.12em solid var(--acc);inset:.3em;opacity:.75}.badge-var{display:grid;place-items:center;min-width:2.1em;height:2.1em;padding:0 .35em;border-radius:1.05em;color:#0b0b0d;background:radial-gradient(circle at 35% 30%,var(--acc-2),var(--acc) 60%);box-shadow:0 0 0 .1em rgba(0,0,0,.4),0 0 1em var(--acc)}.badge-var b{font:900 .5em/1 var(--font-title);letter-spacing:.04em}.badge-var svg{width:1.1em;height:1.1em}.vx-corner{display:none}.card[data-variant=champion]{--vx:#f5c451;--vx2:#fff1b8;--vx-ink:#fff}.card[data-variant=mvp]{--vx:#ff3b5c;--vx2:#ffd1da;--vx-ink:#fff}.card[data-variant=major]{--vx:#c77dff;--vx2:#f0d9ff;--vx-ink:#fff}.card[data-variant=moment]{--vx:#ff8a00;--vx2:#ffe1b3;--vx-ink:#fff}.card[data-variant=totw]{--vx:#ff6a2b;--vx2:#ffd0a8;--vx-ink:#fff}.card[data-variant=rookie]{--vx:#e11d48;--vx2:#ffd1dc;--vx-ink:#fff;--acc:#e11d48;--acc-2:#ffd1dc;--base:radial-gradient(70% 50% at 50% 34%, #4a0a1a 0%, #24050d 50%, #0d0306 100%)}.card[data-variant]{--vxm:linear-gradient(135deg, color-mix(in srgb, var(--vx) 45%, #000), var(--vx2) 32%, var(--vx) 55%, var(--vx2) 80%, color-mix(in srgb, var(--vx) 45%, #000))}.card[data-variant=totw]:not([data-size=xs]) .card__year{display:flex}.card[data-variant] .vx-tex{display:block;position:absolute;inset:0;z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.9}.card[data-variant=champion] .vx-tex{background:repeating-conic-gradient(from 0deg at 50% 38%,color-mix(in srgb,var(--vx) 26%,transparent) 0deg 4deg,transparent 4deg 12deg),radial-gradient(circle at 20% 15%,var(--vx2)0 .08em,transparent .1em)0 0/1.7em 1.9em}.card[data-variant=mvp] .vx-tex{background:conic-gradient(from 45deg at 50% 50%,rgba(255,255,255,.14)0 25%,transparent 0 50%,rgba(255,255,255,.07)0 75%,transparent 0)0 0/1.6em 1.6em,radial-gradient(70% 45%at 50% 32%,rgba(220,232,255,.25),transparent 70%)}.card[data-variant=major] .vx-tex{background:repeating-linear-gradient(60deg,color-mix(in srgb,var(--vx) 18%,transparent)0 .06em,transparent .06em .8em),repeating-linear-gradient(-60deg,color-mix(in srgb,var(--vx) 18%,transparent)0 .06em,transparent .06em .8em),radial-gradient(70% 45%at 50% 32%,color-mix(in srgb,var(--vx) 30%,transparent),transparent 70%)}.card[data-variant=moment] .vx-tex{background:repeating-linear-gradient(100deg,transparent 0 .7em,color-mix(in srgb,var(--vx) 30%,transparent) .7em .78em,transparent .78em 1.6em),linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--vx) 22%,transparent) 50%,transparent 70%)}.card[data-variant=totw] .vx-tex{background:radial-gradient(circle,rgba(255,255,255,.16) .09em,transparent .11em)0 0/.5em .5em;-webkit-mask-image:linear-gradient(135deg,#000,transparent 70%);mask-image:linear-gradient(135deg,#000,transparent 70%)}.card[data-variant=rookie] .vx-tex{background:repeating-radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--vx) 20%,transparent)0 .06em,transparent .06em .7em)}.card[data-variant] .card__inner::before{inset:.3em;border:.07em solid color-mix(in srgb,var(--vx) 85%,transparent);opacity:1;box-shadow:inset 0 0 .6em color-mix(in srgb,var(--vx) 35%,transparent)}.card[data-variant] .card__yr{-webkit-text-stroke:1px color-mix(in srgb,var(--vx-ink) 50%,transparent);opacity:.9}.card[data-variant] .card__game{color:var(--vx-ink);opacity:.7}.card[data-variant] .vx-title{display:block;position:absolute;z-index:3;left:0;right:0;bottom:39.5%;text-align:center;pointer-events:none;white-space:nowrap;font:italic 800 calc(min(2.3em,15em/var(--n)))/.9 var(--font-title);letter-spacing:-.03em;padding-right:.08em;color:color-mix(in srgb,var(--vx) 28%,#0b0d11);-webkit-text-stroke:.07em var(--vx-ink);paint-order:stroke fill;text-shadow:0 0 .35em color-mix(in srgb,var(--vx) 80%,transparent)}.card[data-variant] .card__art img{-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 96%),linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent 96%),linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.card[data-variant] .vx-ev{display:block;margin-top:.35em;font:700 .46em/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--vx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card[data-variant] .card__holo{opacity:.5;mix-blend-mode:color-dodge;background:linear-gradient(110deg,transparent 35%,color-mix(in srgb,var(--vx) 40%,transparent) 45%,color-mix(in srgb,var(--vx2) 55%,transparent) 50%,transparent 60%) 150%0/300% 100%no-repeat}@media (prefers-reduced-motion:no-preference){.card[data-variant]:not([data-size=xs]) .card__holo{animation:vx-sweep 5.5s ease-in-out infinite}}@keyframes vx-sweep{0%{background-position:150%0}60%,to{background-position:-50%0}}.card[data-variant][data-size=compact] .vx-title{bottom:2.15em;font-size:calc(min(1.6em,9.5em/var(--n)))}.card[data-variant][data-size=compact] .vx-ev{display:none}.card[data-variant][data-size=xs] .vx-title{display:none}.card[data-variant][data-size=xs] .vx-tex{opacity:1}.card[data-variant][data-size=xs] .card__inner::after{content:"";position:absolute;z-index:6;left:0;right:0;bottom:0;height:.28em;background:var(--vxm)}.card[data-variant][data-size=xs] .vx-corner{display:block;position:absolute;z-index:6;right:0;top:0;width:1.1em;height:1.1em;background:var(--vxm);clip-path:polygon(0 0,100%0,100% 100%)}