.foil-card{transform-style:preserve-3d;perspective:900px;--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--tilt:0;--foil-mask:none;border-radius:14px;transition:transform .18s,box-shadow .18s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.foil-card.is-foil{transform:rotateX(var(--rx))rotateY(var(--ry));box-shadow:0 26px 55px #0009}.foil-card img{width:100%;height:auto;display:block}.foil-layer{pointer-events:none;background:radial-gradient(circle at var(--mx)var(--my),rgba(255,255,255,calc(.55*(.25 + var(--tilt)))),#ffffff1f 22%,transparent 55%),linear-gradient(120deg,#ff008c38,#00f0ff38,#fff0002e,#b400ff2e),repeating-linear-gradient(100deg,#ffffff0f 0px,#ffffff08 2px,#0000 6px);background-size:100% 100%,240% 240%,180% 180%;background-position:center,calc(50% + (var(--ry)*1.2))calc(50% + (var(--rx)*1.2)),calc(50% + (var(--ry)*2))calc(50% + (var(--rx)*2));filter:saturate(1.15)contrast(1.05);opacity:.95;mix-blend-mode:screen;-webkit-mask-image:var(--foil-mask);-webkit-mask-image:var(--foil-mask);mask-image:var(--foil-mask);position:absolute;inset:0;transform:translateZ(1px);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.foil-card.is-foil:after{content:"";pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,calc(.18*var(--tilt))),transparent 35%,transparent 65%,rgba(255,255,255,calc(.1*var(--tilt))));mix-blend-mode:screen;opacity:.8;border-radius:14px;position:absolute;inset:0;transform:translateZ(2px)}@media (hover:none){.foil-card.is-foil{transform:none}}