@layer components{.hc{--px:0;--py:0;--mx:50%;--my:50%;--act:0;--hc-max:16deg;--hc-rest:1;--hc-iris:linear-gradient(115deg, transparent 18%, #f8e5aa 30%, #b3e6cc 42%, #b0e1e8 54%, #d4c8ea 66%, #f8e5aa 76%, transparent 88%);--hc-spark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23F2E6B8' d='M10 0Q10 10 20 10Q10 10 10 20Q10 10 0 10Q10 10 10 0Z'/%3E%3C/svg%3E");--hc-spark-duo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23C9992F' d='M10 0Q10 10 20 10Q10 10 10 20Q10 10 0 10Q10 10 10 0Z'/%3E%3Cpath fill='%23FFF6D6' d='M10 4Q10 10 16 10Q10 10 10 16Q10 10 4 10Q10 10 10 4Z'/%3E%3C/svg%3E");--hc-spark-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23D9B44A' d='M10 0Q10 10 20 10Q10 10 10 20Q10 10 0 10Q10 10 10 0Z'/%3E%3C/svg%3E");aspect-ratio:var(--card-ratio,63 / 88);touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent;isolation:isolate;outline:none;width:100%;display:block;position:relative}.hc[data-mode=lite]{--hc-rest:0}.hc__shadow{z-index:-1;pointer-events:none;filter:blur(16px);transform:translate3d(calc(var(--px) * -12px), calc(14px + var(--py) * -8px), 0) scale(calc(.94 + var(--act) * .04));opacity:calc(.45 + var(--act) * .3);background:#0a161280;border-radius:10%;position:absolute;inset:7% 9% 1%}.hc__rot{border-radius:var(--radius-card);height:100%;transform:perspective(900px) rotateX(calc(var(--py) * -.88 * var(--hc-max))) rotateY(calc(var(--px) * var(--hc-max))) translateZ(calc(var(--act) * 14px));position:relative;overflow:hidden;box-shadow:0 2px 6px #10231d24}.hc[data-mode=full] .hc__rot{box-shadow:0 0 0 1px #10231d14}.hc[data-live] .hc__rot{will-change:transform}.hc:not([data-live]) .hc__rot{transform:none}.hc:not([data-live]) .hc__shadow{transform:translateY(14px)scale(.94)}.hc[data-mode=lite][data-live] .hc__rot{box-shadow:calc(var(--px) * -8px) calc(6px + var(--py) * -5px) calc(10px + var(--act) * 12px) rgba(16, 35, 29, calc(.14 + var(--act) * .16))}.hc .hc__img.tcg{box-shadow:none;border-radius:inherit;position:absolute;inset:0}.hc:focus-visible .hc__rot{box-shadow:0 0 0 2px var(--c-bg,#fff), 0 0 0 4px var(--c-focus,#d9b44a)}.hc__foil,.hc__frame,.hc__sparkle,.hc__glare{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.hc[data-mode=lite]:not([data-live]) :is(.hc__foil,.hc__frame,.hc__sparkle,.hc__glare){display:none}.hc__glare{background:radial-gradient(farthest-corner circle at var(--mx) var(--my), #fffae84d 0%, #fff8e11a 30%, #12161400 55%, #0003 100%);mix-blend-mode:soft-light;opacity:calc(var(--act) * .85)}.hc[data-finish=shiny] .hc__sparkle,.hc[data-finish=holo] .hc__sparkle{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .96 0 0 0 0 .86 16 0 0 0 -11.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .96 0 0 0 0 .86 16 0 0 0 -11.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:120px 120px,100px 100px;background-position:calc(var(--px) * 14px) calc(var(--py) * 14px), calc(var(--px) * -22px + 40px) calc(var(--py) * -22px + 70px);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my), #000 0%, #0000004d 25%, transparent 50%);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my), #000 0%, #0000004d 25%, transparent 50%);mask-image:radial-gradient(circle at var(--mx) var(--my), #000 0%, #0000004d 25%, transparent 50%);mix-blend-mode:screen;opacity:calc(var(--hc-rest) * .12 + var(--act) * .5)}.hc[data-finish=holo] .hc__sparkle{opacity:calc(var(--hc-rest) * .08 + var(--act) * .38)}.hc[data-finish=holo] .hc__foil,.hc[data-finish=reverse] .hc__frame{background-image:var(--hc-iris);background-size:300% 300%;background-position:calc(50% + var(--px) * 45%) calc(50% + var(--py) * 35%);mix-blend-mode:screen;opacity:calc(var(--hc-rest) * .1 + var(--act) * .15)}.hc[data-finish=reverse] .hc__frame,.hc[data-finish=reverse] .hc__rot:after{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H100V100H0Z M8 10.5V54H92V10.5Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H100V100H0Z M8 10.5V54H92V10.5Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}.hc[data-finish=reverse] .hc__frame{opacity:calc(var(--hc-rest) * .14 + var(--act) * .24)}.hc[data-finish=god] .hc__rot{box-shadow:inset 0 0 0 1.5px #f2e6b8e6,0 0 0 1.5px #d9b44a,0 4px 14px -6px #b8862b8c}.hc[data-finish=god][data-mode=lite][data-live] .hc__rot{box-shadow:0 0 0 1.5px #d9b44a, calc(var(--px) * -8px) calc(6px + var(--py) * -5px) calc(12px + var(--act) * 14px) rgba(184, 134, 43, calc(.3 + var(--act) * .2))}.hc[data-finish=god] .hc__foil{background-image:linear-gradient(115deg,#0000 22%,#f7e2a1 38%,#e2a98d 50%,#f7e2a1 62%,#0000 80%);background-size:280% 280%;background-position:calc(50% + var(--px) * 50%) calc(50% + var(--py) * 40%);mix-blend-mode:screen;opacity:calc(var(--hc-rest) * .14 + var(--act) * .3)}.hc[data-finish=god] .hc__frame{background-image:linear-gradient(120deg,#0000 28%,#fff6d6b3 44%,#c23a2b4d 56%,#0000 72%);background-size:260% 260%;background-position:calc(50% + var(--px) * 50%) calc(50% + var(--py) * 40%);mix-blend-mode:soft-light;opacity:calc(var(--hc-rest) * .35 + var(--act) * .5)}.hc[data-finish=god] .hc__sparkle{background-image:var(--hc-spark-duo), var(--hc-spark), var(--hc-spark-duo), var(--hc-spark-duo), var(--hc-spark), var(--hc-spark-duo), var(--hc-spark-duo), var(--hc-spark-duo), var(--hc-spark);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my), #000 0%, #00000059 40%, transparent 70%);-webkit-mask-image:radial-gradient(circle at var(--mx) var(--my), #000 0%, #00000059 40%, transparent 70%);mask-image:radial-gradient(circle at var(--mx) var(--my), #000 0%, #00000059 40%, transparent 70%);opacity:calc(var(--hc-rest) * .45 + var(--act) * .55);background-position:16% 20%,23% 27%,12% 30%,82% 56%,88% 62%,50% 84%,74% 14%,30% 66%,36% 71%;background-repeat:no-repeat;background-size:9%,5.5%,4.5%,8%,5%,6.5%,5%,8.5%,4.5%}.hc[data-finish=god][data-live] .hc__sparkle{filter:drop-shadow(0 0 2px #ffecaa8c)}.hc[data-finish=god][data-mode=full]:before{content:"";z-index:-2;pointer-events:none;opacity:calc(.55 + var(--act) * .4);border-radius:8%;animation:3.6s cubic-bezier(.65,0,.35,1) infinite hc-breathe;position:absolute;inset:4%;box-shadow:0 0 34px 10px #c23a2b29,0 0 60px 18px #d9b44a24}.hc[data-offscreen]:before{animation-play-state:paused}.hc[data-mode=lite] .hc__rot:after{content:none;pointer-events:none;border-radius:inherit;position:absolute;inset:0}.hc[data-mode=lite]:not([data-live])[data-finish=holo] .hc__rot:after,.hc[data-mode=lite]:not([data-live])[data-finish=reverse] .hc__rot:after{content:"";background:linear-gradient(125deg,#faeabd29 0%,#0000 26% 64%,#c0e7ed29 82%,#ddd3ee33 100%)}.hc[data-mode=lite]:not([data-live])[data-finish=god] .hc__rot:after{content:"";background:var(--hc-spark-gold) 93% 3.5% / 9% auto no-repeat, var(--hc-spark-gold) 86% 8.5% / 5% auto no-repeat, linear-gradient(135deg, #f2e6b838, transparent 30%, transparent 70%, #d9b44a2e)}.hc[data-mode=lite]:not([data-live])[data-finish=shiny] .hc__rot:after{content:"";background:var(--hc-spark) 92% 4% / 6% auto no-repeat;opacity:.85}.hc[data-sweep] .hc__rot:before{content:"";z-index:1;pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;background:linear-gradient(105deg,#0000 35%,#fff9e466 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.hc[data-sweep].is-seen .hc__rot:before{animation:1.3s cubic-bezier(.16,1,.3,1) .15s both hc-sweep}@keyframes hc-sweep{to{transform:translate(120%)}}@keyframes hc-breathe{50%{opacity:.95}}}.opening .card3d[data-finish] .holo,.opening .card3d[data-finish] .sparkles{filter:none;mix-blend-mode:screen}.opening .card3d[data-finish] .glare{mix-blend-mode:soft-light;background:radial-gradient(farthest-corner circle at var(--mx,50%) var(--my,50%), #fffae866 0%, #fff8e124 30%, #12161400 55%, #00000029 100%)}.opening .card3d.is-settled[data-finish] .glare{opacity:calc(.25 + var(--hyp,0) * .6)}.opening .card3d.is-settled[data-finish] .holo,.opening .card3d.is-settled[data-finish] .sparkles{opacity:0}.opening .card3d[data-finish=holo] .holo,.opening .card3d[data-finish=reverse] .holo{background:var(--hc-iris,linear-gradient(115deg, transparent 18%, #f8e5aa 30%, #b3e6cc 42%, #b0e1e8 54%, #d4c8ea 66%, #f8e5aa 76%, transparent 88%));background-size:300% 300%;background-position:calc(var(--mx,50%) * .9 + 5%) calc(var(--my,50%) * .7 + 15%)}.opening .card3d[data-finish=reverse] .holo{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H100V100H0Z M8 10.5V54H92V10.5Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' d='M0 0H100V100H0Z M8 10.5V54H92V10.5Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}.opening .card3d.is-settled[data-finish=holo] .holo{opacity:calc(.14 + var(--hyp,0) * .22)}.opening .card3d.is-settled[data-finish=reverse] .holo{opacity:calc(.18 + var(--hyp,0) * .28)}.opening .card3d:is([data-finish=shiny],[data-finish=holo]) .sparkles{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .96 0 0 0 0 .86 16 0 0 0 -11.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .96 0 0 0 0 .86 16 0 0 0 -11.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:130px 130px,110px 110px;background-position:calc(var(--mx,50%) * .3) calc(var(--my,50%) * .3), calc(var(--mx,50%) * -.45 + 40px) calc(var(--my,50%) * -.45 + 70px);-webkit-mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%), #000 0%, #0000004d 25%, transparent 52%);-webkit-mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%), #000 0%, #0000004d 25%, transparent 52%);mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%), #000 0%, #0000004d 25%, transparent 52%)}.opening .card3d.is-settled[data-finish=shiny] .sparkles{opacity:calc(.18 + var(--hyp,0) * .5)}.opening .card3d.is-settled[data-finish=holo] .sparkles{opacity:calc(.1 + var(--hyp,0) * .4)}.opening .card3d[data-finish=god] .holo{background:linear-gradient(120deg,#0000 28%,#fff6d68c 44%,#c23a2b38 56%,#0000 72%) 0 0/260% 260%,linear-gradient(115deg,#0000 22%,#f7e2a1 38%,#e2a98d 50%,#f7e2a1 62%,#0000 80%) 0 0/280% 280%;background-position:calc(var(--mx,50%) * 1 + 0%) calc(var(--my,50%) * .8 + 10%), calc(var(--mx,50%) * 1 + 0%) calc(var(--my,50%) * .8 + 10%)}.opening .card3d.is-settled[data-finish=god] .holo{opacity:calc(.16 + var(--hyp,0) * .26)}.opening .card3d[data-finish=god] .sparkles{mix-blend-mode:normal;background-image:var(--hc-spark-duo), var(--hc-spark), var(--hc-spark-duo), var(--hc-spark-duo), var(--hc-spark), var(--hc-spark-duo), var(--hc-spark-duo), var(--hc-spark-duo), var(--hc-spark);-webkit-mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%), #000 0%, #00000040 35%, transparent 62%);-webkit-mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%), #000 0%, #00000040 35%, transparent 62%);mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%), #000 0%, #00000040 35%, transparent 62%);background-position:16% 20%,23% 27%,12% 30%,82% 56%,88% 62%,50% 84%,74% 14%,30% 66%,36% 71%;background-repeat:no-repeat;background-size:7%,4.5%,3.5%,6%,4%,5%,4%,6.5%,3.5%}.opening .card3d.is-settled[data-finish=god] .sparkles{opacity:calc(.35 + var(--hyp,0) * .65)}.opening .card3d{--hc-spark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23F2E6B8' d='M10 0Q10 10 20 10Q10 10 10 20Q10 10 0 10Q10 10 10 0Z'/%3E%3C/svg%3E");--hc-spark-duo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23C9992F' d='M10 0Q10 10 20 10Q10 10 10 20Q10 10 0 10Q10 10 10 0Z'/%3E%3Cpath fill='%23FFF6D6' d='M10 4Q10 10 16 10Q10 10 10 16Q10 10 4 10Q10 10 10 4Z'/%3E%3C/svg%3E")}:root[data-motion=reduced] .hc__rot{transform:none!important}:root[data-motion=reduced] .hc__shadow{transform:translateY(14px)!important}:root[data-motion=reduced] .hc .hc__rot:before,:root[data-motion=reduced] .hc[data-finish=god]:before{animation:none!important}:root[data-3d=off] .hc__rot{transform:none!important}:root[data-3d=off] .hc .hc__rot:before,:root[data-3d=off] .hc[data-finish=god]:before{animation:none!important}@media print{.hc :is(.hc__foil,.hc__frame,.hc__sparkle,.hc__glare,.hc__shadow),.hc .hc__rot:after,.hc:before{display:none!important}}.rcard__img:has(>.hc){aspect-ratio:auto;background:0 0;border-radius:0;overflow:visible}
