.rar-commune{--m:#4da3ff;--d:#2a6fc0;--h:#a8d2ff;--bgA:#1d3a63;--bgB:#234573;--glow:#4da3ff}.rar-rare{--m:#ff8a2a;--d:#c2551a;--h:#ffc58a;--bgA:#5a2c14;--bgB:#693519;--glow:#ff8a2a}.rar-epique{--m:#b36bff;--d:#7a3fc8;--h:#d8b0ff;--bgA:#3a2266;--bgB:#46297a;--glow:#b36bff}.rar-legendaire{--m:#f6c93b;--d:#b98a1a;--h:#ffe27a;--bgA:#5a4310;--bgB:#6b5014;--glow:#f6c93b}.rar-mythique{--m:#d8b0ff;--d:#6a5acd;--h:#fff;--bgA:#1b2250;--bgB:#222b63;--glow:#9ff}.cx-wrap{filter:drop-shadow(6px 8px #00000073)}.cx-wrap.rar-epique,.cx-wrap.rar-legendaire,.cx-wrap.rar-mythique{filter:drop-shadow(6px 8px 0 #00000073) drop-shadow(0 0 10px color-mix(in srgb, var(--glow) 55%, transparent))}.cx{aspect-ratio:300/430;background:var(--ink);width:100%;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));touch-action:none;clip-path:polygon(0 12px,4px 12px,4px 8px,8px 8px,8px 4px,12px 4px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 4px,calc(100% - 8px) 4px,calc(100% - 8px) 8px,calc(100% - 4px) 8px,calc(100% - 4px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 4px),8px calc(100% - 4px),8px calc(100% - 8px),4px calc(100% - 8px),4px calc(100% - 12px),0 calc(100% - 12px));transition:transform .12s steps(5,end);position:relative}.cx-frame{background:var(--m);clip-path:polygon(0 8px,4px 8px,4px 4px,8px 4px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px));box-shadow:inset 4px 4px 0 var(--h), inset -4px -4px 0 var(--d);position:absolute;inset:4px}.cx-in{background:var(--night-2);box-shadow:0 0 0 3px var(--ink);flex-direction:column;gap:8px;padding:8px;display:flex;position:absolute;inset:12px}.cx-head{background:var(--m);color:var(--ink);box-shadow:0 0 0 3px var(--ink), inset 0 -3px 0 var(--d), inset 0 3px 0 var(--h);justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;display:flex}.cx-head h3{margin:0;font-size:10px;font-weight:400;line-height:1.4}.cx-gem{width:22px;height:22px;color:var(--ink);background:var(--h);box-shadow:0 0 0 3px var(--ink), inset -3px -3px 0 var(--d);flex:none;place-items:center;font-size:9px;display:grid}.cx-art{aspect-ratio:254/200;background:repeating-conic-gradient(var(--bgA) 0 25%, var(--bgB) 0 50%) 0 0 / 8px 8px;box-shadow:0 0 0 3px var(--ink), 0 0 0 6px var(--m);place-items:center;margin:3px;display:grid;position:relative;overflow:hidden}.cx-art>img,.cx-art>canvas{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:relative}.cx-art>img{position:absolute;inset:0}.cx-tag{z-index:4;white-space:nowrap;text-overflow:ellipsis;background:var(--ink);max-width:60%;color:var(--h);padding:6px 7px;font-size:7px;line-height:1;position:absolute;bottom:0;overflow:hidden}.cx-logo{z-index:4;pointer-events:none;padding:6px 7px;display:flex;position:absolute;top:0;left:0}.cx-logo img{filter:grayscale()brightness(1.6);opacity:.5;display:block}.is-locked .cx-logo{opacity:.5}.cx-tag.cat{left:0}.cx-tag.aut{color:var(--lilac);right:0}.cx-desc{white-space:pre-line;min-height:0;color:var(--ink);background:var(--paper);box-shadow:0 0 0 3px var(--ink), inset 0 -3px 0 #cfc49c;flex:1;padding:8px;font-size:7px;line-height:1.9;overflow:hidden}.cx-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cx-stat{background:var(--ink);padding:6px;font-size:7px}.cx-stat b{justify-content:space-between;margin-bottom:5px;font-weight:400;display:flex}.cx-stat .val{color:#fff;font-size:10px;line-height:1}.cx-stat.att{--lab:#ff7a8a;--fill:var(--red)}.cx-stat.def{--lab:#7fc0ff;--fill:#4da3ff}.cx-stat .lab{color:var(--lab)}.cx-bar{background:#2b2f5f;height:6px;position:relative}.cx-bar i{background:var(--fill);height:100%;display:block}.cx-bar:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 7%, var(--ink) 7% 10%);position:absolute;inset:0}.rar-epique .cx-frame{animation:2.4s steps(6,end) infinite cx-pulse}@keyframes cx-pulse{50%{box-shadow:inset 4px 4px 0 var(--h), inset -4px -4px 0 var(--d), 0 0 0 2px #b36bff55}}.rar-legendaire .cx-frame{background:linear-gradient(135deg,#ffe27a,#f6c93b 40%,#b98a1a 60%,#f6c93b)}.cx-sweep{z-index:5;pointer-events:none;position:absolute;inset:4px;overflow:hidden}.cx-sweep:before,.cx-sweep:after{content:"";opacity:0;filter:blur(7px);background:linear-gradient(90deg,#0000,#ffffff38 50%,#0000);width:120px;animation:8.3s ease-in-out infinite cx-sweep-a;position:absolute;top:-25%;bottom:-25%;left:-160px;transform:skew(-20deg)}.cx-sweep:after{background:linear-gradient(90deg,#0000,#ffffff24 50%,#0000);width:80px;animation:13.1s ease-in-out 3s infinite cx-sweep-b}@keyframes cx-sweep-a{0%,35%{opacity:0;left:-160px}48%,72%{opacity:1}85%,to{opacity:0;left:360px}}@keyframes cx-sweep-b{0%,15%{opacity:0;left:-160px}30%,50%{opacity:1}65%,to{opacity:0;left:360px}}.rar-mythique .cx-frame,.rar-mythique .cxm-frame{background:linear-gradient(115deg,#ff6b9d,#ffd36b,#8bff9c,#6bd5ff,#b36bff,#ff6b9d,#ffd36b,#8bff9c) 0 0/300% 300%;animation:4s linear infinite cx-rainbow;box-shadow:inset 4px 4px #fff9,inset -4px -4px #0003}@keyframes cx-rainbow{to{background-position:300% 300%}}.rar-mythique .cx-head{background:linear-gradient(90deg,#ffd0f0,#d0f4ff,#e0ffd0,#fff2c0,#ffd0f0) 0 0/200% 100%;animation:3s linear infinite cx-rainbow-head}@keyframes cx-rainbow-head{to{background-position:200% 0}}.rar-mythique .cx-in{background:#161a3d}.rar-mythique .cx-art{box-shadow:0 0 0 3px var(--ink), 0 0 0 6px #fff}.rar-mythique .cx-art:before{content:"";z-index:3;pointer-events:none;mix-blend-mode:color;opacity:.7;background:linear-gradient(90deg,#ff4f9a,#ffc94f,#6dff9c,#4fd2ff,#9b6bff,#ff4f9a) 0 0/420px 100%;animation:12s linear infinite cx-holo;position:absolute;inset:-60%;transform:rotate(22deg)}@keyframes cx-holo{0%{background-position-x:0}to{background-position-x:420px}}.rar-mythique .cx-gem{background:linear-gradient(135deg,#ff6b9d,#ffd36b,#8bff9c,#6bd5ff)}.rar-mythique .cx-desc{background:linear-gradient(#fff8e8,#ecefff)}.is-locked .cx-frame,.is-locked .cxm-frame{background:#4a4e7a;animation:none;box-shadow:inset 4px 4px #6d72a3,inset -4px -4px #34375c}.is-locked .cx-head{color:#9aa0d0;box-shadow:0 0 0 3px var(--ink);background:#4a4e7a;animation:none}.is-locked .cx-gem{background:#6d72a3}.is-locked .cx-art{background:repeating-conic-gradient(#20233f 0 25%, #262a4b 0 50%) 0 0 / 8px 8px;box-shadow:0 0 0 3px var(--ink), 0 0 0 6px #4a4e7a}.is-locked .cx-art:before{display:none}.is-locked .cx-art>img,.is-locked .cx-art>canvas{filter:brightness(0)opacity(.55)}.is-locked .cx-tag{color:#9aa0d0}.is-locked .cx-desc,.is-locked .cx-stats{visibility:hidden}.cxm{text-align:left;width:100%;color:var(--paper);cursor:pointer;filter:drop-shadow(4px 5px #00000073);transform:perspective(700px) translateY(var(--ty,0px)) scale(var(--s,1)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));touch-action:pan-y;background:0 0;border:0;padding:0;transition:transform .12s steps(5,end);display:block;position:relative}.cxm:hover:not(:disabled){--ty:-6px;--s:1.05;z-index:2}.cxm:active:not(:disabled){--ty:-2px;--s:1.02}.cxm.dim{opacity:.4;filter:grayscale(.6)drop-shadow(4px 5px #00000073)}.cxm.dim:hover:not(:disabled){opacity:.75}.cxm.rar-epique,.cxm.rar-legendaire,.cxm.rar-mythique{filter:drop-shadow(4px 5px 0 #00000073) drop-shadow(0 0 8px color-mix(in srgb, var(--glow) 55%, transparent))}.cxm.selected{outline:3px solid var(--gold);outline-offset:4px}.cxm.is-blocked{opacity:.55}.cxm-card{background:var(--ink);clip-path:polygon(0 9px,3px 9px,3px 6px,6px 6px,6px 3px,9px 3px,9px 0,calc(100% - 9px) 0,calc(100% - 9px) 3px,calc(100% - 6px) 3px,calc(100% - 6px) 6px,calc(100% - 3px) 6px,calc(100% - 3px) 9px,100% 9px,100% calc(100% - 9px),calc(100% - 3px) calc(100% - 9px),calc(100% - 3px) calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) calc(100% - 3px),calc(100% - 9px) calc(100% - 3px),calc(100% - 9px) 100%,9px 100%,9px calc(100% - 3px),6px calc(100% - 3px),6px calc(100% - 6px),3px calc(100% - 6px),3px calc(100% - 9px),0 calc(100% - 9px));padding:9px;position:relative}.cxm-frame{background:var(--m);clip-path:polygon(0 6px,3px 6px,3px 3px,6px 3px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 3px) calc(100% - 6px),calc(100% - 3px) calc(100% - 3px),calc(100% - 6px) calc(100% - 3px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 3px),3px calc(100% - 3px),3px calc(100% - 6px),0 calc(100% - 6px));box-shadow:inset 3px 3px 0 var(--h), inset -3px -3px 0 var(--d);position:absolute;inset:3px}.rar-legendaire .cxm-frame{background:linear-gradient(135deg,#ffe27a,#f6c93b 40%,#b98a1a 60%,#f6c93b)}.cxm-in{background:var(--night-2);box-shadow:0 0 0 2px var(--ink);flex-direction:column;gap:6px;padding:5px;display:flex;position:relative}.cxm .cx-head{box-shadow:0 0 0 2px var(--ink), inset 0 -2px 0 var(--d), inset 0 2px 0 var(--h);gap:4px;padding:4px 5px}.cxm .cx-head h3{white-space:nowrap;text-overflow:ellipsis;font-size:8px;line-height:1.3;overflow:hidden}.cxm .cx-gem{width:14px;height:14px;box-shadow:0 0 0 2px var(--ink), inset -2px -2px 0 var(--d);font-size:6px}.cxm .cx-art{box-shadow:0 0 0 2px var(--ink), 0 0 0 4px var(--m);background-size:6px 6px;margin:2px}.rar-mythique.cxm .cx-art{box-shadow:0 0 0 2px var(--ink), 0 0 0 4px #fff}.cxm-stats{color:#fff;background:var(--ink);justify-content:space-between;padding:5px;font-size:6px;display:flex}.cxm-stats .a{color:#ff7a8a}.cxm-stats .d{color:#7fc0ff}.cxm.stats-xl .cxm-stats{padding:7px 6px;font-size:10px}.cxm-badge{z-index:6;padding:4px 5px;font-size:7px;line-height:1;position:absolute;top:-8px;right:-6px}.cxm-status{z-index:6;height:30px;font-family:var(--font-body), sans-serif;white-space:nowrap;color:var(--paper);background:var(--ink);box-shadow:0 0 0 2px var(--gold);align-items:center;gap:6px;padding:0 9px 0 5px;font-size:17px;line-height:1.1;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}.cxm-status-ic{place-items:center;width:24px;height:24px;display:grid}.cxm.sm .cxm-status{height:18px;box-shadow:0 0 0 1px var(--gold);padding:0 2px;bottom:20px}.cxm.grey,.cxm.grey.rar-commune{filter:grayscale()brightness(.75)drop-shadow(4px 5px #00000073)}.is-locked.cxm .cx-art{box-shadow:0 0 0 2px var(--ink), 0 0 0 4px #4a4e7a;background-size:6px 6px}.is-locked .cxm-stats{visibility:hidden}@media (prefers-reduced-motion:reduce){.cx-sweep:before,.cx-sweep:after,.cx-frame,.cxm-frame,.cx-head,.cx-art:before{animation:none!important}}.cxm.sm{filter:drop-shadow(2px 3px #00000073)}.cxm.sm .cxm-card{clip-path:polygon(0 5px,2px 5px,2px 3px,3px 3px,3px 2px,5px 2px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 2px,calc(100% - 3px) 2px,calc(100% - 3px) 3px,calc(100% - 2px) 3px,calc(100% - 2px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 2px) calc(100% - 5px),calc(100% - 2px) calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) calc(100% - 2px),calc(100% - 5px) calc(100% - 2px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 2px),3px calc(100% - 2px),3px calc(100% - 3px),2px calc(100% - 3px),2px calc(100% - 5px),0 calc(100% - 5px));padding:5px}.cxm.sm .cxm-frame{clip-path:none;box-shadow:inset 2px 2px 0 var(--h), inset -2px -2px 0 var(--d);inset:2px}.cxm.sm .cxm-in{box-shadow:0 0 0 1px var(--ink);gap:3px;padding:3px}.cxm.sm .cx-head{box-shadow:0 0 0 1px var(--ink), inset 0 -1px 0 var(--d), inset 0 1px 0 var(--h);gap:2px;padding:2px 3px}.cxm.sm .cx-head h3{font-size:6px}.cxm.sm .cx-gem{width:9px;height:9px;box-shadow:0 0 0 1px var(--ink), inset -1px -1px 0 var(--d);font-size:5px}.cxm.sm .cx-art{box-shadow:0 0 0 1px var(--ink), 0 0 0 2px var(--m);background-size:4px 4px;margin:1px}.cxm.sm .cxm-stats{font-size:5px}.cxm.mini-all .cxm-stats,.cxm.mini-all .cx-gem{display:none}.cxm.mini-all .cx-head h3{-webkit-line-clamp:2;font-size:var(--tf,8px);-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.cxm.sm.stats-on .cxm-stats{padding:4px 5px;font-size:9px}@media (max-width:1023px){.cxm.mini-m.stats-on .cxm-stats{display:flex}.cxm.mini-m .cxm-stats,.cxm.mini-m .cx-gem{display:none}.cxm.mini-m .cx-head h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;line-height:1.25;display:-webkit-box;overflow:hidden}.cxm.mini-m .cx-head{min-height:24px}}.cxm.blocked,.cxm.blocked.rar-epique,.cxm.blocked.rar-legendaire,.cxm.blocked.rar-mythique{filter:grayscale(.4)brightness(.88)drop-shadow(4px 5px #00000073)}.fav-ribbon{z-index:10;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);pointer-events:none;justify-content:center;width:32px;height:38px;padding-top:5px;display:flex;position:absolute;top:0;right:14px}.fav-ribbon:before{content:"";clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);background:linear-gradient(90deg,#ff6a7e,#e83a50 45%,#b0182d);position:absolute;inset:3px}.fav-ribbon>canvas{position:relative}.cxm-card:after,.cx:after{content:"";z-index:6;pointer-events:none;opacity:var(--g,0);background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff6b, #fff0 55%);transition:opacity .12s steps(3,end);position:absolute;inset:0}.cxm.rar-epique .cxm-card:after,.cxm.rar-legendaire .cxm-card:after,.cxm.rar-mythique .cxm-card:after,.cx-wrap.rar-epique .cx:after,.cx-wrap.rar-legendaire .cx:after,.cx-wrap.rar-mythique .cx:after{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff61, #fff0 50%), linear-gradient(115deg, #ff5aaa00 30%, #ff5aaa47 38%, #5adcff4d 48%, #fff06447 58%, #fff06400 66%) calc(var(--px,.5) * 100%) 0 / 260% 100%}@media (prefers-reduced-motion:reduce){.cxm,.cx{transition:none}}