.fc{--px:50%;--py:50%;--rx:0deg;--ry:0deg;--hyp:0;--o:0;--radius:4.8% / 3.45%;aspect-ratio:63/88;perspective:1400px;touch-action:none;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;opacity:0;outline:none;width:100%;transition:opacity .4s}.fc--ready{opacity:1}.fc:focus-visible .fc__rotator{box-shadow:0 0 0 3px #e2b86e,0 30px 60px -20px #000c}.fc--edge-gold{--edge:#c99a3e}.fc--edge-silver{--edge:#b4bac5}.fc--edge-red{--edge:#b3203a}.fc[class*=fc--edge-] .fc__rotator{box-shadow:0 0 0 2px color-mix(in srgb, #fff calc(var(--o) * 55%), var(--edge))}.fc__rotator{border-radius:var(--radius);width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(calc(var(--ry) + var(--flip,0deg)));box-shadow:calc(var(--ry) * -.8) calc(18px + var(--rx) * .8) 50px -12px #000d, 0 0 0 1px #ffffff14;position:relative}.fc__face{border-radius:var(--radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;isolation:isolate;background:#0b0812;position:absolute;inset:0;overflow:hidden}.fc__back{transform:rotateY(180deg)}.fc__face img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.fc__holo,.fc__gold,.fc__glare{pointer-events:none;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.fc__holo{background:repeating-linear-gradient(115deg,#fb5656 0%,#facf4c 4%,#90f547 8%,#47f5d8 12%,#569bfb 16%,#ba64f7 20%,#f65aa8 24%,#fb5656 28%) 0 0/220% 220%,repeating-linear-gradient(-45deg,#0e152e 0%,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10% 12%) 0 0/260% 260%;background-position:var(--px) var(--py), var(--bgx,50%) var(--bgy,50%);background-blend-mode:hard-light;mix-blend-mode:color-dodge;filter:brightness(.7)contrast(1.4)saturate(.95);opacity:calc(.06 + var(--o) * (.28 + var(--hyp) * .4))}.fc__gold{background:linear-gradient(115deg,#0000 30%,#fff7dc00 38%,#fffbeaee 47%,#ffe59a99 51%,#0000 60%) 0 0/300% 300%,linear-gradient(160deg,#7a5a1e 0%,#e9c977 22%,#b48a3a 40%,#f7e3a3 58%,#9a7430 78%,#e2c06e 100%) 0 0/100% 100%;background-position:calc(100% - var(--px)) calc(100% - var(--py)), 0 0;filter:drop-shadow(0 0 .5px #3a2a0a)}.fc__glare{background:radial-gradient(farthest-corner circle at var(--px) var(--py), #ffffffb0 0%, #ffffff40 18%, #0000 55%);mix-blend-mode:overlay;opacity:calc(var(--o) * .8)}.fc__resin{pointer-events:none;border-radius:inherit;position:absolute;inset:0;container-type:size}.fc__resin:before,.fc__resin:after{content:"";border-radius:inherit;position:absolute;inset:0}.fc__resin:before{box-shadow:inset 0 0 0 .45cqw #ffffffd0,inset 0 0 .5cqw .9cqw #ffffff38,inset 0 0 1.2cqw 2.6cqw #2c3a5838,inset 0 0 9cqw 1cqw #0a0f1a30}.fc__resin:after{background:linear-gradient(128deg,#0000 36%,#3c4a6a2e 39.5%,#fff0 41%,#ffffff8c 44%,#ffffffb8 47%,#ffffff8c 50%,#fff0 53%,#3c4a6a2e 54.5%,#0000 58%) 0 0/300% 300%;background-position:calc(100% - var(--px)) calc(100% - var(--py));opacity:calc(.55 + var(--o) * .45)}.fc__art{position:relative}.fc__art-b,.fc__sticker,.fc__white,.fc__dark,.fc__ink,.fc__ink i,.fc__flap,.fc__flap i{pointer-events:none;position:absolute;inset:0}.fc__white{background:#fff;transition:translate 1.4s cubic-bezier(.6,0,.3,1)}.fc__front:has(.fc__white){background:0 0}.fc--trick .fc__white{translate:-100%}.fc__art-b{opacity:0;transition:opacity .8s}.fc--trick .fc__art-b{opacity:1}.fc__dark{background:var(--tint);opacity:0;transition:opacity .9s}.fc--trick .fc__dark{opacity:.88}.fc__ink{opacity:0;filter:drop-shadow(0 0 3px var(--ink)) drop-shadow(0 0 10px var(--ink));transition:opacity .9s}.fc__ink i{background:var(--ink);-webkit-mask-size:100% 100%;mask-size:100% 100%}.fc--trick .fc__ink{opacity:1}@property --peel{syntax:"<percentage>";inherits:true;initial-value:0%}.fc__front{--peel:0%;transition:--peel 2.6s cubic-bezier(.45,0,.25,1)}.fc--trick .fc__front{--peel:200%}.fc__sticker{clip-path:polygon(min(var(--peel), 100%) max(var(--peel) - 100%, 0%), 100% max(var(--peel) - 100%, 0%), 100% 100%, max(var(--peel) - 100%, 0%) 100%, max(var(--peel) - 100%, 0%) min(var(--peel), 100%))}.fc__flap{filter:drop-shadow(2px 4px 5px #0009)}.fc__flap i{clip-path:polygon(min(var(--peel), 100%) max(var(--peel) - 100%, 0%), calc(var(--peel) * .75) calc(var(--peel) * .75), max(var(--peel) - 100%, 0%) min(var(--peel), 100%));background:linear-gradient(135deg,#a9a6b2,#f3f2f6 55%,#d3d1d9)}.fc--zoomed{perspective:3000px;cursor:pointer}.fc--zoomed .fc__rotator{will-change:transform}.fc--plain .fc__holo,.fc--plain .fc__gold,.fc--plain .fc__glare{display:none}@media (prefers-reduced-motion:reduce){.fc,.fc__white,.fc__art-b,.fc__dark,.fc__ink,.fc__front{transition:none}}