.card-surface{--foil-active:0;--foil-x:50%;--foil-y:38%;--foil-angle:112deg;--foil-metal:238,242,245}.card-surface--gold{--foil-metal:255,239,203}.card-reflection{z-index:3;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;opacity:calc(.09 + var(--foil-active)*.57);background:radial-gradient(ellipse 58% 78% at var(--foil-x)var(--foil-y),rgba(var(--foil-metal),.3),rgba(var(--foil-metal),.075)37%,transparent 72%);position:absolute;inset:0;overflow:hidden}.card-reflection:before{content:"";background:linear-gradient(var(--foil-angle),transparent 35%,rgba(var(--foil-metal),.07)42%,rgba(var(--foil-metal),.25)46%,#ffffffc2 48.5%,rgba(var(--foil-metal),.28)50.5%,rgba(var(--foil-metal),.04)56%,transparent 63%);background-size:240% 220%;background-position:var(--foil-x)var(--foil-y);position:absolute;inset:0}.card-reflection:after{content:"";-webkit-mask-image:radial-gradient(ellipse 35% 55% at var(--foil-x)var(--foil-y),#000,transparent 75%);mask-image:radial-gradient(ellipse 35% 55% at var(--foil-x)var(--foil-y),#000,transparent 75%);opacity:calc(.08 + var(--foil-active)*.18);background:repeating-linear-gradient(128deg,#ffffff3d 0 .45px,#0000 .45px 2.8px);position:absolute;inset:0}.card-reflection--frame{z-index:35;-webkit-mask-composite:xor;padding:5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.card-reflection--varnish{opacity:calc(.025 + var(--foil-active)*.16)}.card-reflection--varnish:after{display:none}.card-surface[data-interactive=true]:hover{z-index:50}@media (prefers-reduced-motion:reduce){.card-surface{transform:none!important}.card-surface *,.card-surface:before,.card-surface:after{transition:none!important;animation:none!important}}.card-foil{opacity:calc(.45 + var(--foil-active)*.4);background:repeating-linear-gradient(var(--foil-angle),#73dbff44 0%,#b7a0ff66 12%,#ffcde655 24%,#ffe79a77 36%,#8aebc955 48%,#73dbff44 60%),radial-gradient(ellipse at var(--foil-x)var(--foil-y),#fffa,transparent 65%);background-size:250% 250%,100% 100%;background-position:var(--foil-x)var(--foil-y)}.card-foil-glyphs{background:linear-gradient(var(--foil-angle),var(--foil-accent)5%,#fffe 35%,#b3c6ff66 50%,var(--foil-accent)70%,#fffe 90%);background-size:250% 250%;background-position:var(--foil-x)var(--foil-y);-webkit-mask-image:var(--foil-pattern);mask-image:var(--foil-pattern);opacity:.85;position:absolute;inset:0;-webkit-mask-size:64px 64px;mask-size:64px 64px}.card-foil--body{z-index:15}.card-foil--rules{z-index:1;opacity:calc(.23 + var(--foil-active)*.18)}.card-foil--rim{z-index:15;-webkit-mask-composite:xor;padding:10px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.card-foil:after{opacity:calc(.2 + var(--foil-active)*.3);background:repeating-conic-gradient(from 20deg at 50% 40%,#fff6 0deg .6deg,#0000 .6deg 3deg)}