.mf3d{z-index:3;border-radius:inherit;pointer-events:none;opacity:0;transform:perspective(var(--mf3d-persp,520px)) rotateX(var(--mf3d-rx,0deg)) rotateY(var(--mf3d-ry,0deg)) scale(var(--mf3d-zoom,1));backface-visibility:hidden;background:#07090b;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s cubic-bezier(.2,.8,.2,1),opacity .25s;position:absolute;inset:0;overflow:hidden}.mf3d.is-ready{opacity:1;box-shadow:calc(var(--mf3d-fx,0) * -22px) calc(7px + var(--mf3d-fy,0) * -16px) 20px #0000008c, 0 0 0 1px #ffffff12, var(--mf3d-bloom,0 0 0 0 transparent)}.mf3d.is-tilting{--mf3d-zoom:1.025;transition:transform .12s linear,box-shadow .12s linear,opacity .25s}.chip:has(.mf3d.is-ready){background:0 0;border-color:#0000;overflow:visible}.cardface:has(>.mf3d.is-ready){background:0 0;overflow:visible}:is(.cardface:has(>.mf3d.is-ready)>.cardimg,.cardface:has(>.mf3d.is-ready)>.cardframe,.cardface:has(>.mf3d.is-pending)>:is(.cardimg,.cardframe,.mf-imgwait,.mf-cardshine)){visibility:hidden}.mf3d.is-pending{opacity:1;background:radial-gradient(120% 85% at 28% 10%,#ffffff13,#0000 62%),linear-gradient(162deg,#171c25 0%,#0e1219 56%,#090b10 100%);box-shadow:inset 0 0 0 1px #d6dee81f}.mf3d--showcase.is-pending{box-shadow:inset 0 0 0 1px #b0ceff33,inset 0 0 14px #9678ff14}.mf3d--etched.is-pending{box-shadow:inset 0 0 0 1px #e8b85a57,inset 0 0 16px #e8b85a1f}.mf3d.is-pending:before{content:"";pointer-events:none;background:linear-gradient(104deg,#0000 42%,#ffffff0f 50%,#0000 58%);animation:1.7s ease-in-out infinite mf3d-arriving;position:absolute;inset:-40%}@keyframes mf3d-arriving{0%{transform:translate(-32%)}to{transform:translate(32%)}}.mf3d-img{transition:opacity .38s}.mf3d-img.is-incoming{opacity:0}.mf3d-img.is-incoming.is-in{opacity:1}.mf3d-img{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mf3d-foil,.mf3d-glint,.mf3d-edge,.mf3d-glare{pointer-events:none;position:absolute;inset:0}.mf3d-foil{background-image:url(/cards3d/holo-plate.webp);background-size:160%;background-position:calc(50% + var(--mf3d-fx,0) * 70%) calc(50% + var(--mf3d-fy,0) * 70%);mix-blend-mode:difference;opacity:calc(.5 + var(--mf3d-hover,0) * .14);-webkit-mask-image:var(--mf3d-mask);-webkit-mask-image:var(--mf3d-mask);mask-image:var(--mf3d-mask);transition:background-position .55s cubic-bezier(.2,.8,.2,1),opacity .4s;-webkit-mask-size:100% 100%;mask-size:100% 100%}.mf3d-glint{background-image:var(--mf3d-glint);mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle at var(--mf3d-gx,50%) var(--mf3d-gy,50%), #000 0%, #00000080 24%, transparent 58%);-webkit-mask-image:radial-gradient(circle at var(--mf3d-gx,50%) var(--mf3d-gy,50%), #000 0%, #00000080 24%, transparent 58%);mask-image:radial-gradient(circle at var(--mf3d-gx,50%) var(--mf3d-gy,50%), #000 0%, #00000080 24%, transparent 58%);opacity:calc(.12 + var(--mf3d-hover,0) * .88);background-size:100% 100%;transition:opacity .4s}.mf3d-glare{background:radial-gradient(circle at var(--mf3d-gx,50%) var(--mf3d-gy,50%), #fffbf2e6 0%, #fffbf252 20%, #fffbf200 52%);mix-blend-mode:soft-light;opacity:calc(var(--mf3d-hover,0) * var(--mf3d-spec,.35));transition:opacity .4s}.mf3d-edge{background:radial-gradient(ellipse 70% 56% at var(--mf3d-lx,50%) var(--mf3d-ly,50%), #fff8e2 0%, #ffe8b29e 26%, #f0ca842e 56%, #f0ca8400 100%);mix-blend-mode:screen;-webkit-mask-image:var(--mf3d-edge-mask);-webkit-mask-image:var(--mf3d-edge-mask);mask-image:var(--mf3d-edge-mask);opacity:calc(.14 + var(--mf3d-hover,0) * .5);transition:opacity .4s;-webkit-mask-size:100% 100%;mask-size:100% 100%}.mf3d--etched{--mf3d-sparkle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 4.2 0 0 0 -1.62'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.mf3d--etched .mf3d-glint{-webkit-mask-image:radial-gradient(ellipse 85% 85% at var(--mf3d-lx,50%) var(--mf3d-ly,50%), #000 0%, #0009 40%, transparent 100%), var(--mf3d-sparkle);-webkit-mask-image:radial-gradient(ellipse 85% 85% at var(--mf3d-lx,50%) var(--mf3d-ly,50%), #000 0%, #0009 40%, transparent 100%), var(--mf3d-sparkle);mask-image:radial-gradient(ellipse 85% 85% at var(--mf3d-lx,50%) var(--mf3d-ly,50%), #000 0%, #0009 40%, transparent 100%), var(--mf3d-sparkle);-webkit-mask-size:100% 100%,80%;mask-size:100% 100%,80%;-webkit-mask-repeat:no-repeat,repeat;mask-repeat:no-repeat,repeat;-webkit-mask-position:0 0, calc(var(--mf3d-fx,0) * var(--mf3d-w,150px) * -1.6) calc(var(--mf3d-fy,0) * var(--mf3d-w,150px) * -1.6);-webkit-mask-position:0 0, calc(var(--mf3d-fx,0) * var(--mf3d-w,150px) * -1.6) calc(var(--mf3d-fy,0) * var(--mf3d-w,150px) * -1.6);mask-position:0 0, calc(var(--mf3d-fx,0) * var(--mf3d-w,150px) * -1.6) calc(var(--mf3d-fy,0) * var(--mf3d-w,150px) * -1.6);-webkit-mask-composite:source-in;opacity:calc(.42 + var(--mf3d-hover,0) * .58);-webkit-mask-composite:source-in;mask-composite:intersect}.mf3d--borderless{--mf3d-spec:.4}.mf3d--showcase{--mf3d-spec:.9}.mf3d--etched{--mf3d-spec:.5}.mf3d--printed{--mf3d-spec:.4}.mf3d.is-tilting .mf3d-foil{transition:background-position .12s linear,opacity .25s}.mf3d.is-ready:before,.mf3d.is-ready:after{content:"";border-radius:inherit;pointer-events:none;opacity:var(--mf3d-glow-on,0);transition:opacity .42s var(--ease,cubic-bezier(.2, .8, .2, 1));position:absolute;inset:0}.mf3d.is-ready:before{z-index:1;box-shadow:inset 0 0 calc(var(--mf3d-w,150px) * .085) calc(var(--mf3d-w,150px) * .008) var(--mf3d-inner,transparent)}.mf3d.is-ready:after{z-index:2;padding:var(--mf3d-ring-w,1.5px);background:var(--mf3d-ring,none);-webkit-mask-composite:xor;-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.handslot.glow-ok{--mf3d-glow-on:1;--mf3d-ring:linear-gradient(#7ee0a0d9, #7ee0a0d9);--mf3d-inner:#6edc9661;--mf3d-bloom:0 0 18px #5ad28c6b}.handslot.glow-ok:hover{--mf3d-ring-w:2px;--mf3d-ring:linear-gradient(#92f0b2f2, #92f0b2f2);--mf3d-bloom:0 0 28px #5ad28c8c}.handslot.glow-land,html:is(.mf-react,.mf-responding) .handslot.glow-react,.handslot.combo-glow,.handslot.ring-synergy,.handslot.ring-counter{--mf3d-glow-on:1;--mf3d-ring-w:var(--mf-glow-ring,1.5px);--mf3d-ring:linear-gradient(180deg, var(--rc1), var(--rc2));--mf3d-inner:var(--gc2);--mf3d-bloom:var(--bloom)}.handslot:has(>.chip.land){--mf3d-glow-on:1;--mf3d-ring-w:var(--mf-glow-ring,1.5px);--mf3d-ring:linear-gradient(180deg, var(--rc1), var(--rc2));--mf3d-inner:var(--gc2);--mf3d-bloom:var(--bloom)}.handwrap:not(.can-drop-land) .handslot:has(>.chip.land){--mf3d-glow-on:0}.handslot.mf-discard-pick{--mf3d-glow-on:1;--mf3d-ring-w:2.5px;--mf3d-ring:linear-gradient(var(--champagne-gold,#f4c761), var(--champagne-gold,#f4c761));--mf3d-inner:color-mix(in oklab, var(--champagne-gold,#f4c761) 45%, transparent);--mf3d-bloom:0 0 18px 2px color-mix(in oklab, var(--champagne-gold,#f4c761) 68%, transparent), 0 0 44px 12px color-mix(in oklab, var(--champagne-gold,#f4c761) 30%, transparent)}.handslot:is(.glow-land,.combo-glow,.ring-synergy,.ring-counter,.glow-protect):has(>.chip .mf3d.is-ready){box-shadow:none}.handslot:has(>.chip.land .mf3d.is-ready){box-shadow:none}html:is(.mf-react,.mf-responding) .handslot.glow-react:has(>.chip .mf3d.is-ready){box-shadow:none}.handslot:is(.glow-land,.combo-glow,.ring-synergy,.ring-counter,.glow-protect):has(>.chip .mf3d.is-ready):after{opacity:0}.handslot:has(>.chip.land .mf3d.is-ready):after{opacity:0}html:is(.mf-react,.mf-responding) .handslot.glow-react:has(>.chip .mf3d.is-ready):after{opacity:0}.handslot.mf-discard-pick:has(>.chip .mf3d.is-ready):after{opacity:0}.handslot.glow-protect{--mf3d-glow-on:1;--mf3d-ring-w:var(--mf-glow-protect-ring,2px);--mf3d-ring:linear-gradient(180deg, var(--rc1), var(--rc2));--mf3d-inner:var(--gc2);--mf3d-bloom:var(--bloom)}.handslot.answer-live:has(>.chip .mf3d.is-ready):after{opacity:0;animation:none}.handslot:has(>.chip .mf3d.is-ready) .mf-protect-halo{display:none}.handslot.glow-protect .mf3d.is-ready:before,.handslot.glow-protect .mf3d.is-ready:after{animation:mf3d-protect-breathe var(--mf-glow-protect-breathe,3.6s) ease-in-out infinite}.handslot.glow-protect.glow-protect-quiet .mf3d.is-ready:before,.handslot.glow-protect.glow-protect-quiet .mf3d.is-ready:after{animation:mf3d-protect-breathe-quiet var(--mf-glow-protect-quiet-breathe,5.4s) ease-in-out infinite}@keyframes mf3d-protect-breathe{0%,to{opacity:.68}50%{opacity:1}}@keyframes mf3d-protect-breathe-quiet{0%,to{opacity:.42}50%{opacity:.62}}@media (prefers-reduced-motion:reduce){.handslot.glow-protect .mf3d.is-ready:before,.handslot.glow-protect .mf3d.is-ready:after{animation:none}}.handslot.glow-ok>.chip:has(.mf3d.is-ready){box-shadow:0 8px 18px #0009,0 0 0 1px #ffffff0d}.handslot.glow-ok:hover>.chip:has(.mf3d.is-ready){box-shadow:0 34px 70px #000000d9,0 0 0 1px #ffffff29}.chip.combo-glow{--mf3d-glow-on:1;--mf3d-ring-w:1.5px;--mf3d-ring:linear-gradient(#e8604cbf, #e8604cbf);--mf3d-inner:#e83c4c52;--mf3d-bloom:0 0 20px #e83c4c66}.chip.attacker{--mf3d-glow-on:1;--mf3d-ring-w:2px;--mf3d-ring:linear-gradient(var(--gold,#e6b24a), var(--gold,#e6b24a));--mf3d-inner:rgba(var(--champagne-deep-rgb), .36);--mf3d-bloom:0 0 22px rgba(var(--champagne-deep-rgb), .6)}.chip.mf-targetable{--mf3d-glow-on:1;--mf3d-ring-w:2px;--mf3d-ring:linear-gradient(color-mix(in oklab, var(--gold,#e6b24a) 60%, transparent), color-mix(in oklab, var(--gold,#e6b24a) 60%, transparent));--mf3d-inner:color-mix(in oklab, var(--gold,#e6b24a) 22%, transparent);--mf3d-bloom:0 0 0 0 transparent}.chip.mf-targetable .mf3d.is-ready:before,.chip.mf-targetable .mf3d.is-ready:after{animation:1.5s ease-in-out infinite mf3d-glow-pulse}@keyframes mf3d-glow-pulse{0%,to{opacity:.3}50%{opacity:.95}}.chip.mf-target-picked{--mf3d-glow-on:1;--mf3d-ring-w:2.5px;--mf3d-ring:linear-gradient(var(--champagne-gold,#f4c761), var(--champagne-gold,#f4c761));--mf3d-inner:color-mix(in oklab, var(--champagne-gold,#f4c761) 45%, transparent);--mf3d-bloom:0 0 18px 2px color-mix(in oklab, var(--champagne-gold,#f4c761) 68%, transparent), 0 0 44px 12px color-mix(in oklab, var(--champagne-gold,#f4c761) 30%, transparent)}.chip.combo-glow:has(.mf3d.is-ready){box-shadow:var(--shadow,0 6px 22px #0000008c)}:is(.chip.attacker:has(.mf3d.is-ready),.chip.mf-target-picked:has(.mf3d.is-ready)){box-shadow:var(--shadow,0 6px 22px #0000008c)!important}.chip.mf-targetable:has(.mf3d.is-ready):before{display:none}.mf-mull .mf-fanslot.tier-synergy{--mf3d-glow-on:1;--mf3d-ring-w:2px;--mf3d-ring:linear-gradient(#a26be6d9, #a26be6d9);--mf3d-inner:#a26be64d;--mf3d-bloom:0 0 22px #a26be666}.mf-mull .mf-fanslot.tier-combo{--mf3d-glow-on:1;--mf3d-ring-w:2px;--mf3d-ring:linear-gradient(#e8604ce6, #e8604ce6);--mf3d-inner:#e8604c52;--mf3d-bloom:0 0 26px #e8604c7a}.mf-mull .mf-fanslot.is-picked,.mf-reveal__slot.is-picked{--mf3d-glow-on:1;--mf3d-ring-w:4px;--mf3d-ring:linear-gradient(var(--gold,#e6b24a), var(--gold,#e6b24a));--mf3d-inner:color-mix(in srgb, var(--gold,#e6b24a) 38%, transparent);--mf3d-bloom:0 0 30px var(--gold-glow,color-mix(in srgb, var(--gold,#e6b24a) 35%, transparent))}.mf-mull .mf-fanslot:is(.tier-synergy,.tier-combo) .mf-fanlift>.chip:has(.mf3d.is-ready){box-shadow:0 10px 26px #000000a8}.mf-mull .mf-fanslot.is-picked .mf-fanlift>.chip:has(.mf3d.is-ready){box-shadow:0 22px 48px #000000bf}.mf-reveal__slot.is-picked .mf-reveal__lift>.chip:has(.mf3d.is-ready){box-shadow:none}.castcard-float{--mf3d-bloom:0 0 60px color-mix(in srgb, var(--gold,#e6b24a) 22%, transparent)}body.cards .castcard-float>.chip:has(.mf3d.is-ready){box-shadow:0 36px 58px #000000db}.castcard-float>.chip:has(.mf3d.is-ready){box-shadow:0 36px 58px #000000db}body.cards .mf-disc__lift>.chip:has(.mf3d.is-ready){box-shadow:0 10px 26px #000000a8}.mf-disc__lift>.chip:has(.mf3d.is-ready){box-shadow:0 10px 26px #000000a8}body.cards .mf-mull .mf-fanlift>.chip:has(.mf3d.is-ready){box-shadow:0 10px 26px #000000a8}.mf-mull .mf-fanlift>.chip:has(.mf3d.is-ready){box-shadow:0 10px 26px #000000a8}html:not(.mf-handlift) .handslot:hover>.chip:has(.mf3d.is-ready){box-shadow:0 10px 26px #000000b3}.ztile-card:has(>.mf3d.is-pending)>:is(.ztile-face,.ztile-art){visibility:hidden}.ztile-card:has(>.mf3d.is-ready)>:is(.ztile-face,.ztile-art){visibility:hidden}.xp-card:has(>.mf3d.is-pending)>img{visibility:hidden}.xp-card:has(>.mf3d.is-ready)>img{visibility:hidden}.ztile .ztile-card:has(>.mf3d.is-ready){background:0 0;border-color:#0000;overflow:visible}.ztile .ztile-card:has(>.mf3d.is-ready):before{display:none}.ztile .ztile-card:has(>.mf3d.is-ready):after{display:none}.ztile:hover .ztile-card:has(>.mf3d.is-ready){border-color:#0000;box-shadow:0 18px 38px #000000bf}.ztile:hover,.ztile.ztile-cmd{--mf3d-glow-on:1;--mf3d-ring-w:1px;--mf3d-ring:linear-gradient(var(--gold-soft,#e6b24a80), var(--gold-soft,#e6b24a80));--mf3d-inner:transparent;--mf3d-bloom:0 0 0 0 transparent}.xp-card:has(>.mf3d.is-ready){background:0 0;overflow:visible}.xp-card>.mf3d{z-index:0}.xp-card.glow-synergy{--mf3d-glow-on:1;--mf3d-ring-w:2px;--mf3d-ring:linear-gradient(rgba(169, 112, 255, calc(.35 + var(--lit,0) * .5)), rgba(169, 112, 255, calc(.35 + var(--lit,0) * .5)));--mf3d-inner:rgba(169, 112, 255, calc(.15 + var(--lit,0) * .2));--mf3d-bloom:0 0 calc(10px + var(--lit,0) * 18px) rgba(169, 112, 255, calc(.25 + var(--lit,0) * .45))}.xp-card.glow-combo{--mf3d-glow-on:1;--mf3d-ring-w:2px;--mf3d-ring:linear-gradient(rgba(255, 84, 112, calc(.45 + var(--lit,0) * .5)), rgba(255, 84, 112, calc(.45 + var(--lit,0) * .5)));--mf3d-inner:rgba(255, 84, 112, calc(.18 + var(--lit,0) * .2));--mf3d-bloom:0 0 calc(14px + var(--lit,0) * 22px) rgba(255, 84, 112, calc(.3 + var(--lit,0) * .5))}.xp-card.xp-card-cast{--mf3d-glow-on:1;--mf3d-ring-w:2px;--mf3d-ring:linear-gradient(#a882ffd9, #a882ffd9);--mf3d-inner:#a882ff4d;--mf3d-bloom:0 0 16px 2px #a882ff80}.xp-card.xp-card-cast:hover{--mf3d-ring:linear-gradient(#bea0fff2, #bea0fff2);--mf3d-bloom:0 0 22px 4px #a882ff99}.xp-card:is(.glow-synergy,.glow-combo,.xp-card-cast):has(>.mf3d.is-ready){box-shadow:none}@media (prefers-reduced-motion:reduce){.mf3d,.mf3d.is-tilting{transition:opacity .2s!important;transform:none!important}.mf3d.is-pending:before{opacity:.6;animation:none}.chip.mf-targetable .mf3d.is-ready:before,.chip.mf-targetable .mf3d.is-ready:after{opacity:.7;animation:none}.mf3d.is-ready:before,.mf3d.is-ready:after{transition:none}}html.mf-perf .mf3d-glint,html.mf-perf .mf3d-edge,html.mf-perf .mf3d-glare{display:none}html.mf-perf .mf3d,html.mf-perf .mf3d-foil{transition:none}html.mf-perf .mf3d.is-pending:before{animation:none}.preview .pvcard:has(>.mf3d){position:relative}.pvcopy-art:has(>.mf3d){position:relative}.preview .pvcard>.mf3d,.pvdfc-card>.mf3d,.pvcopy-art>.mf3d{z-index:auto}.preview .pvcard:has(>.mf3d.is-pending)>:is(img,.pvfallback){visibility:hidden}.preview .pvcard:has(>.mf3d.is-ready)>:is(img,.pvfallback){visibility:hidden}.pvdfc-card:has(>.mf3d.is-pending)>:is(img,.pvdfc-fallback){visibility:hidden}.pvdfc-card:has(>.mf3d.is-ready)>:is(img,.pvdfc-fallback){visibility:hidden}.pvcopy-art:has(>.mf3d.is-pending)>:is(img,.pvcopy-fallback){visibility:hidden}.pvcopy-art:has(>.mf3d.is-ready)>:is(img,.pvcopy-fallback){visibility:hidden}.preview .mf3d .mf3d-img{object-fit:fill}
