@property --fx-a{syntax:"<angle>";inherits:false;initial-value:0deg}.fx-stage{z-index:90;cursor:pointer;position:fixed;inset:0;overflow:hidden}.fx-back{background:radial-gradient(#0b0a09e6,#040403fa 72%);position:absolute;inset:0}.fx-cam{position:absolute;inset:0}.fx-cam canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fx-card{width:var(--w);aspect-ratio:2/3;margin:calc(var(--w) * -.75) 0 0 calc(var(--w) * -.5);will-change:transform, filter;border-radius:10px;position:absolute;top:50%;left:50%}.fx-glow{z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(closest-side, hsl(var(--h) 95% 72%), hsl(var(--h) 95% 55%) 70%, hsl(var(--h) 95% 45% / .6));filter:blur(calc(var(--w) * .13));opacity:calc(min(1, var(--g)) * .85);transform:scale(calc(.94 + min(var(--g), 2.2) * .07));will-change:opacity, transform;position:absolute;inset:-3%}.fx-card img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.fx-blank{border-radius:inherit;background:var(--color-ink-3);align-items:flex-end;padding:10%;font-size:1.5rem;line-height:.95;display:flex;position:absolute;inset:0}.fx-card:before{content:"";background:conic-gradient(from var(--fx-a), transparent 0 60%, hsl(var(--h) 95% 70%) 80%, #fff 85%, transparent 92%);opacity:min(1, var(--g));border-radius:11.5px;padding:1.5px;animation:1.6s linear infinite fx-spin;position:absolute;inset:-1.5px;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.fx-card:after{content:"";border-radius:inherit;background:linear-gradient(160deg, #ffffff29, transparent 36%), linear-gradient(155deg, hsl(var(--h) 95% 70% / calc(min(var(--g), 1.5) * .12)), transparent 60%);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff24}@keyframes fx-spin{to{--fx-a:360deg}}.fx-shards{border-radius:inherit;display:none;position:absolute;inset:0}.fx-shards i{border-radius:inherit;background:var(--color-ink-3) var(--img) center / cover no-repeat;will-change:transform, opacity;position:absolute;inset:0}.fx-card.is-torn .fx-shards{display:block}.fx-card.is-torn>img,.fx-card.is-torn>.fx-blank,.fx-card.is-torn:before,.fx-card.is-torn:after{visibility:hidden}.fx-name{top:100%;text-align:center;font-family:var(--font-display);color:var(--color-paper);text-shadow:0 0 22px hsl(var(--h) 95% 60% / .8);margin-top:1.1rem;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.05;position:absolute;inset-inline:-40%}.fx-plus{font-family:var(--font-display);color:#fff;text-shadow:0 0 24px #fffc, 0 0 60px var(--color-amber);font-size:clamp(3rem,7vw,5.5rem);line-height:1;position:absolute;top:50%;left:50%;translate:-50% -55%}.fx-skip{inset-inline:0;text-align:center;max-width:none;color:var(--color-mute);margin:0;font-size:.8125rem;position:absolute;bottom:1.75rem}.fx-out{z-index:91;will-change:translate;position:relative}