.cardfx{--font-ui:var(--card-font-ui,"Pretendard Variable",Pretendard,system-ui,sans-serif);--font-serif:var(--card-font-serif,serif);--font-brush:var(--card-font-brush,cursive);--font-hand:var(--card-font-hand,cursive)}.cardfx .card{position:relative;width:100%;max-width:720px;aspect-ratio:16/9;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;perspective:1600px;container-type:inline-size;--sp:1}.cardfx .card.portrait{aspect-ratio:9/16;max-width:320px}.cardfx .flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform calc(.9s*var(--sp)) cubic-bezier(.4,.1,.2,1)}.cardfx .card.open.flips .flip{transform:rotateY(180deg)}.cardfx .face{position:absolute;inset:0;border-radius:6px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15);backface-visibility:hidden;-webkit-backface-visibility:hidden;isolation:isolate;background:#ddd}.cardfx .face.back{transform:rotateY(180deg)}.cardfx .scene{inset:0;overflow:hidden}.cardfx .scene,.cardfx .scene>*{position:absolute}.cardfx .scene svg{width:100%;height:100%;display:block}.cardfx .photo{inset:0;background-size:cover;background-position:var(--pos,center)}.cardfx .card.on-photo .txt{text-shadow:0 1px 2px rgba(0,0,0,.35),0 2px 14px rgba(0,0,0,.28)}.cardfx .card.on-photo.ink-dark .txt{text-shadow:0 1px 2px hsla(0,0%,100%,.45),0 2px 14px hsla(0,0%,100%,.35)}.cardfx .photo-dim{inset:0;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--dim)*.5)),rgba(0,0,0,var(--dim)))}.cardfx .txt{position:absolute;inset:0;z-index:5;pointer-events:none;color:var(--c-ink,#3b2f22);font-family:var(--font-serif)}.cardfx .card.brush .txt{font-family:var(--font-brush)}.cardfx .card.serif .txt{font-family:var(--font-serif)}.cardfx .card.sans .txt{font-family:var(--font-ui)}.cardfx .card.hand .txt{font-family:var(--font-hand)}.cardfx .ch,.cardfx .stamp,.cardfx .t-from,.cardfx .t-main,.cardfx .t-side,.cardfx .t-tail,.cardfx .t-top{opacity:0}.cardfx .card.static .ch,.cardfx .card.static .stamp,.cardfx .card.static .t-from,.cardfx .card.static .t-main,.cardfx .card.static .t-side,.cardfx .card.static .t-tail,.cardfx .card.static .t-top{opacity:1!important;animation:none!important}.cardfx .card.static .stamp{transform:rotate(-4deg)}@keyframes cf-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes cf-down{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes cf-blurin{0%{opacity:0;filter:blur(10px);transform:scale(1.04)}to{opacity:1;filter:blur(0);transform:none}}@keyframes cf-slidein{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}@keyframes cf-zoomin{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes cf-letter{0%{opacity:0;transform:translateY(10px) rotate(-4deg)}to{opacity:1;transform:none}}@keyframes cf-typein{0%{opacity:0}to{opacity:1}}@keyframes cf-stampin{0%{opacity:0;transform:scale(1.6) rotate(-8deg)}70%{opacity:1;transform:scale(.95) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(-4deg)}}@keyframes cf-glow{0%{text-shadow:0 0 0 rgba(255,235,180,0)}to{text-shadow:0 0 18px rgba(255,235,180,.85),0 0 40px rgba(255,220,140,.4)}}@keyframes cf-floaty{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes cf-swing{0%{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}.cardfx .card.lp-glow .t-line{animation:cf-glow 2.4s ease-in-out infinite alternate}.cardfx .card.lp-float .tblock{animation:cf-floaty 3.2s ease-in-out infinite alternate}.cardfx .card.lp-swing .tblock{animation:cf-swing 4s ease-in-out infinite alternate;transform-origin:50% 0}.cardfx .card.lp-float .tblock,.cardfx .card.lp-swing .tblock{translate:-50% -50%;transform:none}.cardfx .tblock{position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}.cardfx .card.portrait .tblock{left:50%;top:44%}.cardfx .card.al-left .tblock{left:8%;transform:translateY(-50%);text-align:left}.cardfx .card.al-left .t-line{justify-content:flex-start}.cardfx .card.al-left.lp-float .tblock,.cardfx .card.al-left.lp-swing .tblock{translate:0 -50%}.cardfx .card.al-top .tblock{top:20%}.cardfx .card.al-bottom .tblock{top:70%}.cardfx .t-top{font-family:inherit;font-size:calc(clamp(14px,3.2cqw,26px)*var(--tsz,1));letter-spacing:.16em;margin-bottom:.2em}.cardfx .t-line{display:flex;align-items:baseline;justify-content:center;gap:.25em}.cardfx .t-main{font-family:var(--font-brush);font-size:calc(clamp(40px,10cqw,84px)*var(--tsz,1));line-height:1;color:var(--c-main,inherit)}.cardfx .t-main .ch{display:inline-block;white-space:pre}.cardfx .card.serif .t-main{font-family:var(--font-serif);font-weight:800;font-size:calc(clamp(28px,7cqw,60px)*var(--tsz,1));letter-spacing:.04em}.cardfx .card.sans .t-main{font-family:var(--font-ui);font-weight:800;font-size:calc(clamp(26px,6.4cqw,56px)*var(--tsz,1));letter-spacing:-.02em}.cardfx .card.portrait.sans .t-main{font-size:clamp(24px,10cqw,56px)}.cardfx .card.thumb.sans .t-main{font-size:6.4cqw}.cardfx .card.sans-msg .back .msg{font-family:var(--font-ui);font-size:calc(clamp(7px,2.1cqw,16px)*var(--msz,1));line-height:1.8}.cardfx .card.hand .t-main{font-family:var(--font-hand);font-weight:700;font-size:calc(clamp(34px,9cqw,76px)*var(--tsz,1))}.cardfx .t-tail{font-family:inherit;font-size:calc(clamp(14px,3.4cqw,28px)*var(--tsz,1));letter-spacing:.12em}.cardfx .stamp{display:inline-grid;place-items:center;width:1.5em;height:1.5em;font-size:clamp(7px,2.2cqw,18px);font-family:var(--font-serif);font-weight:800;color:#fff;background:var(--c-seal,#c0392b);border-radius:3px;transform:rotate(-4deg);align-self:flex-start;margin-left:.1em;box-shadow:0 1px 0 rgba(0,0,0,.15)}.cardfx .card.noseal .stamp{display:none}.cardfx .t-side{position:absolute;right:4.5%;top:9%;writing-mode:vertical-rl;text-orientation:upright;font-family:var(--font-serif);font-size:clamp(8px,1.7cqw,14px);letter-spacing:.32em;line-height:1.7;max-height:80%;overflow:hidden;white-space:nowrap}.cardfx .t-side:after{content:"";display:block;width:1px;height:2.4em;background:currentColor;opacity:.6;margin:.8em auto 0}.cardfx .card.portrait .t-side{right:8%;top:6%;max-height:52%}.cardfx .t-from{position:absolute;right:5%;bottom:6%;font-family:inherit;font-size:clamp(10px,2cqw,15px);letter-spacing:.14em;white-space:nowrap}.cardfx .card.portrait .t-from{bottom:5%;right:8%}.cardfx .card.portrait .t-top{font-size:clamp(13px,5cqw,26px)}.cardfx .card.portrait .t-main{font-size:clamp(36px,16cqw,84px)}.cardfx .card.portrait.serif .t-main{font-size:clamp(26px,11cqw,60px)}.cardfx .card.portrait.hand .t-main{font-size:clamp(30px,14cqw,76px)}.cardfx .card.portrait .t-tail{font-size:clamp(13px,5.2cqw,28px)}.cardfx .card.portrait .t-side{font-size:clamp(9px,3cqw,14px)}.cardfx .card.portrait .t-from{font-size:clamp(10px,3.4cqw,15px)}.cardfx .card.thumb .t-top{font-size:3.2cqw}.cardfx .card.thumb .t-main{font-size:10cqw}.cardfx .card.thumb.serif .t-main{font-size:7cqw}.cardfx .card.thumb.hand .t-main{font-size:9cqw}.cardfx .card.thumb .t-tail{font-size:3.4cqw}.cardfx .card.thumb .stamp{font-size:2.2cqw}.cardfx .card.thumb .t-side{font-size:1.9cqw;right:4%;top:8%}.cardfx .card.thumb .t-from{font-size:2.2cqw}.cardfx .card.thumb .t-side:after{display:none}.cardfx .frame{position:absolute;inset:0;z-index:4;pointer-events:none;color:var(--c-frame,var(--c-ink))}.cardfx .frame svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.cardfx .frame rect{fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke}.cardfx .frame rect.r2{stroke-width:.8}.cardfx .frame.fc-gold rect,.cardfx .frame.fc-silver rect{stroke-width:2}.cardfx .frame.fc-gold{filter:drop-shadow(0 0 4px rgba(226,185,91,.75))}.cardfx .frame.fc-silver{filter:drop-shadow(0 0 4px rgba(216,222,230,.75))}.cardfx .fr-bold .frame rect{stroke-width:4}@keyframes cf-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes cf-shimmer{0%,to{opacity:.55}50%{opacity:1}}@keyframes cf-breathe-frame{0%{transform:scale(1)}to{transform:scale(1.012)}}.cardfx .fa-draw .frame rect{stroke-dasharray:1;stroke-dashoffset:1;animation:cf-draw calc(2.4s*var(--sp)) calc(.3s*var(--sp)) cubic-bezier(.4,0,.2,1) forwards}.cardfx .fa-shimmer .frame{animation:cf-shimmer 3s ease-in-out infinite}.cardfx .fa-breathe .frame{animation:cf-breathe-frame 3.6s ease-in-out infinite alternate;transform-origin:center}.cardfx .card.static .frame rect{stroke-dashoffset:0!important;animation:none!important}.cardfx .cn{position:absolute;width:7%;aspect-ratio:1;border:2px solid;opacity:0;animation:cf-typein .8s calc(1.2s*var(--sp)) forwards}.cardfx .cn.tl{left:4%;top:6%;border-right:0;border-bottom:0}.cardfx .cn.tr{right:4%;top:6%;border-left:0;border-bottom:0}.cardfx .cn.bl{left:4%;bottom:6%;border-right:0;border-top:0}.cardfx .cn.br{right:4%;bottom:6%;border-left:0;border-top:0}.cardfx .card.static .cn{opacity:1;animation:none}.cardfx .reveal{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:rgba(20,18,14,.42);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .5s}.cardfx .card.open .reveal{opacity:1;pointer-events:auto}.cardfx .reveal div{background:rgba(255,252,246,.94);color:#2b2419;padding:clamp(9px,3cqw,26px) clamp(11px,4cqw,34px);border-radius:8px;font-family:var(--font-serif);font-size:clamp(8px,2.4cqw,19px);line-height:1.8;max-width:78%;text-align:center;transform:translateY(8px);transition:transform .5s;white-space:pre-line;box-shadow:0 10px 30px rgba(0,0,0,.25)}.cardfx .card.hand-msg .reveal div{font-family:var(--font-hand)}.cardfx .card.sans-msg .reveal div{font-family:var(--font-ui)}.cardfx .card.open .reveal div{transform:none}.cardfx .back small,.cardfx .reveal small{display:block;margin-top:.6em;font-family:var(--font-ui);font-size:11px;color:#8a7f70;letter-spacing:.1em}.cardfx .hint{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);z-index:6;font-size:10px;letter-spacing:.14em;color:hsla(0,0%,100%,.9);background:rgba(0,0,0,.3);padding:4px 10px;border-radius:999px;opacity:0;animation:cf-typein 1s calc(2.6s*var(--sp)) forwards;pointer-events:none;white-space:nowrap}.cardfx .card.nohint .hint,.cardfx .card.open .hint,.cardfx .card.static .hint{display:none}.cardfx .back{background:#f8f3ea;color:#3a2f28;font-family:var(--font-serif)}.cardfx .card.hand-msg .back{font-family:var(--font-hand)}.cardfx .card.sans-msg .back{font-family:var(--font-ui)}.cardfx .back .grain,.cardfx .back .paper{position:absolute;inset:0}.cardfx .back .paper{padding:5.5%;display:grid}.cardfx .back .fr,.cardfx .back .to{font-size:clamp(7px,2.3cqw,17px);letter-spacing:.1em}.cardfx .back .fr b,.cardfx .back .to b{font-family:var(--font-ui);font-weight:500;font-size:.8em;color:#9b8a78;margin-right:.5em;letter-spacing:.14em}.cardfx .back .msg{white-space:pre-line;line-height:1.85;font-size:calc(clamp(8px,2.35cqw,18px)*var(--msz,1));overflow:hidden}.cardfx .card.hand-msg .back .msg{font-family:var(--font-hand);font-size:calc(clamp(9px,2.9cqw,22px)*var(--msz,1));line-height:1.7}.cardfx .back .ps{font-family:var(--font-ui);font-size:clamp(5px,1.6cqw,12px);color:#9b8a78;letter-spacing:.12em}.cardfx .card.open .back .to{animation:cf-up .6s .5s both}.cardfx .card.open .back .msg{animation:cf-up .8s .75s both}.cardfx .card.open .back .fr,.cardfx .card.open .back .ps{animation:cf-up .6s 1.1s both}.cardfx .back .fr,.cardfx .back .msg,.cardfx .back .ps,.cardfx .back .to{opacity:0}.cardfx .card.open .back .fr,.cardfx .card.open .back .msg,.cardfx .card.open .back .ps,.cardfx .card.open .back .to{opacity:1}.cardfx .pc .paper{grid-template-columns:1.15fr 1fr;gap:5%}.cardfx .pc .l{display:flex;flex-direction:column;gap:2%}.cardfx .pc .l .msg{flex:1}.cardfx .pc .l .fr{text-align:right}.cardfx .pc .r{border-left:1px dashed #cdbfae;padding-left:6%;display:flex;flex-direction:column;align-items:flex-end;gap:3%}.cardfx .pc .stampbox{width:22%;aspect-ratio:4/5;border:1px solid #c9b79f;background:repeating-linear-gradient(45deg,#f2e9da 0 3px,#faf5ec 3px 6px);display:grid;place-items:center;font-size:clamp(14px,3cqw,26px);color:var(--c-seal,#c0392b);position:relative}.cardfx .pc .stampart{position:absolute;inset:4%;overflow:hidden;background-size:cover;background-position:50%}.cardfx .pc .stampart .scene{position:absolute;inset:0}.cardfx .pc .stampbox:after{content:"";position:absolute;inset:-6%;border:2px dotted #f8f3ea;pointer-events:none}.cardfx .pc .postmark{width:26%;aspect-ratio:1;border:1.5px solid #8a6f57;border-radius:50%;display:grid;place-items:center;text-align:center;font-family:var(--font-ui);font-size:clamp(4px,1.3cqw,10px);line-height:1.3;color:#8a6f57;letter-spacing:.06em;opacity:.8;transform:rotate(-12deg);margin-right:30%;margin-top:-16%}.cardfx .pc .l .fr{display:none}.cardfx .pc .r .fr{display:block;width:100%;text-align:right;margin-top:auto}.cardfx .card.portrait .pc .l .fr{display:block}.cardfx .card.portrait .pc .r .fr{display:none}.cardfx .pc .lines{width:100%;display:grid;gap:11%}.cardfx .pc .lines i{display:block;height:1px;background:#cdbfae}.cardfx .card.portrait .pc .paper{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:4%}.cardfx .card.portrait .pc .r{border-left:0;border-bottom:1px dashed #cdbfae;padding:0 0 4%;flex-direction:row;align-items:flex-start;justify-content:flex-end;gap:6%}.cardfx .card.portrait .pc .postmark{margin:0;width:16%}.cardfx .card.portrait .pc .stampbox{width:14%}.cardfx .card.portrait .pc .lines{display:none}.cardfx .lt .paper{grid-template-rows:auto 1fr auto;gap:3%;background:repeating-linear-gradient(180deg,transparent 0 calc(1.85em*1 - 1px),rgba(120,100,80,.18) 0 calc(1.85em*1));background-origin:content-box;background-clip:content-box;font-size:clamp(8px,2.35cqw,18px)}.cardfx .lt .msg,.cardfx .lt .to{font-size:1em}.cardfx .lt .fr{text-align:right;font-size:1em}.cardfx .lt .ps{position:absolute;left:5.5%;bottom:3%}.cardfx .nt .paper{grid-template-rows:auto 1fr auto auto;justify-items:center;align-items:center;text-align:center;gap:1.5%;background:radial-gradient(circle at 50% 40%,#fffdf7,#f3ebdc)}.cardfx .nt .msg{align-self:stretch;min-height:0;overflow:hidden;display:grid;align-content:center;font-size:calc(clamp(10px,3.2cqw,26px)*var(--msz,1));line-height:1.7}.cardfx .nt .msg:before{content:"“";display:block;font-size:2em;line-height:.6;color:#c9b79f;margin-bottom:.2em}.cardfx .nt .fr,.cardfx .nt .to{position:static;text-align:center}.cardfx .nt .ps{position:static}.cardfx .full{position:fixed;inset:0;z-index:50;background:#0e1311;display:none;place-items:center;padding:20px}.cardfx .full.on{display:grid}.cardfx .full .card{max-width:min(96vw,1100px);max-height:92vh}.cardfx .full .card.portrait{max-width:min(92vw,calc(92vh*9/16))}.cardfx .full .x{position:absolute;top:max(14px,env(safe-area-inset-top));right:16px;border:0;background:hsla(0,0%,100%,.12);color:#fff;border-radius:999px;padding:8px 14px;font-size:12px;z-index:2}@keyframes cf-sway{0%{transform:rotate(-2.2deg)}to{transform:rotate(2.4deg)}}.cardfx .stalk{transform-box:fill-box;transform-origin:50% 100%;animation:cf-sway var(--d,5s) var(--dl,0s) ease-in-out infinite alternate}.cardfx .leaf{transform-box:fill-box;transform-origin:0 100%;animation:cf-sway var(--d,6s) var(--dl,0s) ease-in-out infinite alternate}@keyframes cf-twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}.cardfx .spark{width:var(--s,6px);height:var(--s,6px);border-radius:50%;background:radial-gradient(circle,#fff 0,hsla(0,0%,100%,.9) 30%,transparent 70%);left:var(--x);top:var(--y);opacity:0;animation:cf-twinkle var(--d,3s) var(--dl,0s) ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,255,220,.9))}@keyframes cf-snow{0%{transform:translate3d(0,-4vh,0)}50%{transform:translate3d(calc(var(--sw,1)*22px),50vh,0)}to{transform:translate3d(0,110vh,0)}}.cardfx .flake{width:var(--s,6px);height:var(--s,6px);border-radius:50%;background:#fff;opacity:var(--o,.8);left:var(--x);top:-4%;animation:cf-snow var(--d,9s) var(--dl,0s) linear infinite;filter:blur(var(--b,0))}@keyframes cf-fall{0%{transform:translate3d(0,-6vh,0) rotate(0)}to{transform:translate3d(calc(var(--sw,1)*60px),110vh,0) rotate(540deg)}}.cardfx .petal{width:10px;height:7px;border-radius:50% 50% 50% 0;background:var(--pc,#f2b8c6);left:var(--x);top:-4%;opacity:.9;animation:cf-fall var(--d,9s) var(--dl,0s) linear infinite}.cardfx .conf{width:7px;height:11px;border-radius:1px;background:var(--pc);left:var(--x);top:-4%;opacity:.95;animation:cf-fall var(--d,7s) var(--dl,0s) linear infinite}@keyframes cf-drift{0%{transform:translateX(-8%)}to{transform:translateX(8%)}}.cardfx .cloud{height:14%;width:36%;border-radius:50%;background:hsla(0,0%,100%,.14);filter:blur(18px);left:var(--x);top:var(--y);animation:cf-drift var(--d,20s) ease-in-out infinite alternate}@keyframes cf-breathe{0%{filter:brightness(.92)}to{filter:brightness(1.12)}}.cardfx .moon{border-radius:50%;background:radial-gradient(circle at 40% 38%,#fff9e6,#f4dfa4 60%,#e5c780);box-shadow:0 0 40px 14px rgba(255,236,180,.45),0 0 120px 40px rgba(255,236,180,.18);animation:cf-breathe 6s ease-in-out infinite alternate}@keyframes cf-floatb{0%{transform:translateY(0)}to{transform:translateY(-14px)}}.cardfx .bokeh{border-radius:50%;background:var(--c,rgba(255,210,120,.5));filter:blur(var(--b,6px));left:var(--x);top:var(--y);width:var(--s);height:var(--s);animation:cf-floatb var(--d,6s) var(--dl,0s) ease-in-out infinite alternate}.cardfx .lantern{width:6%;aspect-ratio:2/3;left:var(--x);top:var(--y);border-radius:40% 40% 45% 45%/30% 30% 50% 50%;background:radial-gradient(circle at 50% 40%,#ffb26b,#d6432c 70%,#8f2418);box-shadow:0 0 18px 6px rgba(255,140,60,.45);animation:cf-floatb var(--d,5s) var(--dl,0s) ease-in-out infinite alternate}.cardfx .lantern:before{content:"";position:absolute;left:38%;top:-16%;width:24%;height:16%;background:#4a1a10;border-radius:2px}.cardfx .lantern:after{content:"";position:absolute;left:44%;bottom:-24%;width:12%;height:26%;background:#e7b34a}@keyframes cf-rise{0%{transform:translateZ(0)}50%{transform:translate3d(calc(var(--sw,1)*26px),-60vh,0)}to{transform:translate3d(0,-125vh,0)}}.cardfx .bal{width:var(--s,9%);aspect-ratio:1/1.18;left:var(--x);top:105%;border-radius:50% 50% 50% 50%/45% 45% 55% 55%;background:radial-gradient(circle at 35% 30%,hsla(0,0%,100%,.7),var(--c) 35%,color-mix(in srgb,var(--c),#000 25%) 100%);animation:cf-rise var(--d,14s) var(--dl,0s) linear infinite;box-shadow:0 0 22px hsla(0,0%,100%,.12)}.cardfx .bal:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:70%;background:hsla(0,0%,100%,.4)}@keyframes cf-sunrise{0%{transform:translateX(-50%) translateY(45%)}to{transform:translateX(-50%) translateY(0)}}.cardfx .sun{border-radius:50%;left:50%;width:22%;aspect-ratio:1;transform:translateX(-50%);background:radial-gradient(circle,#fff3c4,#ffb15c 60%,#ff8c4a);box-shadow:0 0 50px 20px rgba(255,170,90,.4);animation:cf-sunrise 6s cubic-bezier(.2,.7,.2,1) forwards}.cardfx .sun.static{animation:none}@keyframes cf-wave{0%{transform:translateX(0)}to{transform:translateX(-25%)}}.cardfx .waves{left:0;right:0;bottom:0;height:34%;width:200%}.cardfx .waves svg{width:100%;height:100%;animation:cf-wave var(--d,9s) linear infinite}@keyframes cf-aurora{0%{transform:translateX(-10%) skewX(-8deg);opacity:.5}50%{opacity:.9}to{transform:translateX(10%) skewX(6deg);opacity:.5}}.cardfx .aur{left:-10%;width:120%;height:30%;filter:blur(26px);background:linear-gradient(90deg,transparent,rgba(120,255,200,.6),rgba(90,170,255,.5),rgba(190,120,255,.45),transparent);animation:cf-aurora var(--d,12s) var(--dl,0s) ease-in-out infinite alternate;top:var(--y)}@keyframes cf-fwp{0%{transform:rotate(var(--a)) translateY(0);opacity:1}to{transform:rotate(var(--a)) translateY(calc(var(--r,80px)*-1));opacity:0}}.cardfx .fw{left:var(--x);top:var(--y);width:0;height:0}.cardfx .fw i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--c);animation:cf-fwp 1.5s ease-out forwards;box-shadow:0 0 6px var(--c)}@keyframes cf-mist{0%{transform:translateX(-6%);opacity:.35}to{transform:translateX(6%);opacity:.6}}.cardfx .mist{left:-6%;width:112%;height:18%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.7),transparent);filter:blur(14px);animation:cf-mist var(--d,14s) ease-in-out infinite alternate;top:var(--y)}.cardfx .grain{inset:0;background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 0);background-size:4px 4px;opacity:.5;mix-blend-mode:multiply;pointer-events:none}.cardfx .vig{inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.18));pointer-events:none}.cardfx .card.fx-high .stalk{--d:3.6s}.cardfx .card.paused .scene *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.cardfx .scene *{animation-duration:.01ms!important;animation-iteration-count:1!important}}.cardfx.viewer{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:20px 20px 0;background:radial-gradient(circle at 50% 30%,#1e2a25,#0e1311)}.cardfx.viewer .inner{flex:1;width:100%;max-width:960px;margin:0 auto;display:grid;align-content:center;justify-items:center;gap:18px;padding:8px 0 24px}.cardfx.viewer .card{max-width:min(96vw,960px)}.cardfx.viewer .card.portrait{max-width:min(92vw,calc(78vh * 9 / 16))}.cardfx.viewer .reply{display:inline-flex;align-items:center;gap:6px;padding:11px 22px;border-radius:999px;background:#fbf6ea;color:#1f2a26;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .12s,background .12s}.cardfx.viewer .reply:hover{background:#fff;transform:translateY(-1px)}.cardfx.viewer .replyhint{margin:-8px 0 0;font-size:12px;color:hsla(0,0%,100%,.5);text-align:center}.cardfx.viewer .vfooter{border-top:1px solid hsla(0,0%,100%,.1);padding:16px 0 22px;text-align:center;display:grid;gap:8px;justify-items:center}@keyframes cf-bounce{0%,20%,to{transform:translateY(0)}10%{transform:translateY(-6px)}15%{transform:translateY(-2px)}}.cardfx.viewer .vfooter .mine{display:inline-block;color:hsla(0,0%,100%,.88);font-size:13px;text-decoration:none;border-bottom:1px solid hsla(0,0%,100%,.3);padding-bottom:2px;animation:cf-bounce 3.2s ease-in-out infinite}.cardfx.viewer .vfooter .mine:hover{border-bottom-color:hsla(0,0%,100%,.8)}.cardfx.viewer .vfooter p{margin:0;font-size:11px;letter-spacing:.06em;color:hsla(0,0%,100%,.42)}.cardfx.viewer .vfooter p a{color:hsla(0,0%,100%,.7);text-decoration:none}.cardfx .thumbwrap .card{max-width:none;width:100%;cursor:pointer;pointer-events:none}.cardfx .thumbwrap .face{box-shadow:none;border-radius:0}.cardfx .ogstage{position:fixed;left:-99999px;top:0;width:1200px}.cardfx .ogstage .card{max-width:none;width:1200px}.cardfx .ogstage .card.portrait{width:675px;max-width:none}@keyframes cf-dropin{0%{opacity:0;transform:translateY(-38px) scale(1.06)}70%{opacity:1;transform:translateY(4px) scale(1)}to{opacity:1;transform:none}}@keyframes cf-pulse{0%{transform:scale(1)}to{transform:scale(1.045)}}.cardfx .card.lp-pulse .tblock{animation:cf-pulse 1.5s ease-in-out infinite alternate;translate:-50% -50%;transform:none}.cardfx .card.al-left.lp-pulse .tblock{translate:0 -50%}@keyframes cf-heartrise{0%{transform:translateZ(0) rotate(-45deg)}50%{transform:translate3d(calc(var(--sw, 1) * 26px),-60vh,0) rotate(-45deg)}to{transform:translate3d(0,-125vh,0) rotate(-45deg)}}.cardfx .heart{width:var(--s,16px);height:var(--s,16px);left:var(--x);top:104%;background:var(--c,#ff8fb1);animation:cf-heartrise var(--d,12s) var(--dl,0s) linear infinite;opacity:.85}.cardfx .heart:after,.cardfx .heart:before{content:"";position:absolute;width:100%;height:100%;background:inherit;border-radius:50%}.cardfx .heart:before{top:-50%}.cardfx .heart:after{left:50%}@media (prefers-reduced-motion:reduce){.cardfx.viewer .vfooter .mine{animation:none}}@keyframes cf-bubblerise{0%{transform:translateZ(0);opacity:0}12%{opacity:.85}50%{transform:translate3d(calc(var(--sw,1)*30px),-55vh,0)}to{transform:translate3d(0,-115vh,0);opacity:0}}.cardfx .bubble{width:var(--s,16px);height:var(--s,16px);left:var(--x);top:104%;border-radius:50%;background:radial-gradient(circle at 32% 28%,hsla(0,0%,100%,.9),hsla(0,0%,100%,.12) 42%,hsla(0,0%,100%,0) 60%);border:1px solid hsla(0,0%,100%,.4);animation:cf-bubblerise var(--d,14s) var(--dl,0s) linear infinite}@keyframes cf-fly{0%,to{transform:translate(0);opacity:0}25%{opacity:1}50%{transform:translate(calc(var(--sw,1)*22px),-16px);opacity:.9}75%{opacity:.35}}.cardfx .firefly{width:var(--s,6px);height:var(--s,6px);left:var(--x);top:var(--y);border-radius:50%;background:radial-gradient(circle,#e2ffa0 0,rgba(190,255,110,.7) 35%,transparent 70%);box-shadow:0 0 10px rgba(200,255,130,.7);animation:cf-fly var(--d,4s) var(--dl,0s) ease-in-out infinite}@keyframes cf-raysway{0%{opacity:calc(var(--o,.2)*.6);transform:translateX(-8px) skewX(-12deg)}to{opacity:var(--o,.2);transform:translateX(8px) skewX(-12deg)}}.cardfx .rays{inset:0;overflow:hidden}.cardfx .rays i{position:absolute;top:-30%;bottom:-10%;left:var(--x);width:var(--w,10%);background:linear-gradient(180deg,rgba(255,250,230,.85),rgba(255,250,230,0));filter:blur(6px);animation:cf-raysway var(--d,8s) var(--dl,0s) ease-in-out infinite alternate}@media (prefers-reduced-motion:reduce){.cardfx .bubble,.cardfx .firefly,.cardfx .rays i{animation:none}}.cardfx .fxlayer{z-index:3;pointer-events:none}.cardfx .petal.as-leaf{width:13px;height:9px;border-radius:0 60% 0 60%}@keyframes cf-rain{0%{transform:translate3d(0,-20%,0)}to{transform:translate3d(-6%,120%,0)}}.cardfx .drop{left:var(--x);top:0;width:1.5px;height:var(--h,16px);background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(210,235,255,.75));animation:cf-rain var(--d,1s) var(--dl,0s) linear infinite}@keyframes cf-shoot{0%{opacity:0;transform:translate(0) rotate(28deg) scaleX(.2)}8%{opacity:1}40%{opacity:1;transform:translate(160px,88px) rotate(28deg) scaleX(1)}60%,to{opacity:0;transform:translate(220px,120px) rotate(28deg) scaleX(.2)}}.cardfx .shoot{left:var(--x);top:var(--y);width:var(--len,90px);height:2px;border-radius:2px;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.95));filter:drop-shadow(0 0 6px rgba(255,255,255,.8));animation:cf-shoot var(--d,3s) var(--dl,0s) ease-out infinite}@media (prefers-reduced-motion:reduce){.cardfx .drop,.cardfx .shoot{animation:none}}.cardfx .leavehint{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:rgba(0,0,0,.5);padding:24px}.cardfx .leavehint>div{background:#fff;border-radius:16px;padding:22px 20px;max-width:320px;text-align:center;color:#1f2a26;font-family:var(--font-ui)}.cardfx .leavehint b{display:block;font-size:16px;margin-bottom:8px}.cardfx .leavehint p{margin:0 0 16px;font-size:13px;line-height:1.7;color:#55605c}.cardfx .leavehint button{width:100%;padding:11px 0;border:0;border-radius:10px;background:#2563eb;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.cardfx.viewer .bigger{border:1px solid hsla(0,0%,100%,.28);background:transparent;color:hsla(0,0%,100%,.8);border-radius:999px;padding:7px 16px;font-size:12px;cursor:pointer;transition:background .12s,color .12s}.cardfx.viewer .bigger:hover{background:hsla(0,0%,100%,.12);color:#fff}.cardfx .full .fullbox{width:min(96vw,1100px)}.cardfx .full .rot{position:absolute;top:50%;left:50%;width:92vh;transform:translate(-50%,-50%) rotate(90deg)}.cardfx .full .rot .card{width:100%;max-width:none}.cardfx .full .fullhint{position:absolute;max-width:90vw;text-align:center;left:50%;bottom:16px;transform:translateX(-50%);margin:0;font-size:11px;letter-spacing:.1em;color:hsla(0,0%,100%,.45);font-family:var(--font-ui)}.cardfx .card.tc-grad .t-main{background-image:var(--grad);color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(0,0,0,.3))}.cardfx .card.tc-grad .t-main .ch{color:transparent;background:none}.cardfx .card.tc-grad.grad-ch .t-main{background-image:none;filter:none}.cardfx .card.tc-grad.grad-ch .t-main .ch{background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.cardfx .card.tc-grad.gc-gold{--grad:linear-gradient(180deg,#ffe7a6,#e2953a)}.cardfx .card.tc-grad.gc-sunset{--grad:linear-gradient(180deg,#ffc078,#d6412b)}.cardfx .card.tc-grad.gc-rose{--grad:linear-gradient(180deg,#ffc2dd,#bb1f66)}.cardfx .card.tc-grad.gc-silver{--grad:linear-gradient(180deg,#fff,#8e9dae)}.cardfx .card.tc-grad.gc-amethyst{--grad:linear-gradient(180deg,#ecdcff,#6b46d6)}.cardfx .card.tc-grad .t-main{-webkit-background-clip:text;background-clip:text}