@layer components{.ui-card{--mx:.5;--my:.5;--on:0;--tilt:11;--k:1;--rest:.22;--win-size:84.5% 37.6%;--win-pos:51.61% 16.03%;--ui-w:168px;--ui-rainbow:repeating-linear-gradient(116deg, #bf222f 0%, #c55f1b 4.5%, #b69d20 9%, #518f32 13.5%, #279b8c 18%, #2680c5 22.5%, #6640bf 27%, #b2389e 31.5%, #bf222f 36%);--ui-rainbow-hot:repeating-linear-gradient(124deg, #f51414 0%, #faa40f 3%, #e4eb0a 6%, #22bf3c 9%, #13bed8 12%, #2c67f2 15%, #a445e3 18%, #ed31a8 21%, #f51414 24%);--ui-gold:repeating-linear-gradient(120deg, #6e4e17 0%, #eeb61b 5%, #f8d859 8%, #936b1a 13%, #f2c636 18%, #6e4e17 23%);--ui-stars:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='%23fff'%3E%3Cpath d='M14 11L15.4 16.6L21 18L15.4 19.4L14 25L12.6 19.4L7 18L12.6 16.6ZM62 5L62.8 8.2L66 9L62.8 9.8L62 13L61.2 9.8L58 9L61.2 8.2ZM95 31.5L96.7 38.3L103.5 40L96.7 41.7L95 48.5L93.3 41.7L86.5 40L93.3 38.3ZM35 59L36 63L40 64L36 65L35 69L34 65L30 64L34 63ZM80 81.5L81.3 86.7L86.5 88L81.3 89.3L80 94.5L78.7 89.3L73.5 88L78.7 86.7ZM20 100L20.8 103.2L24 104L20.8 104.8L20 108L19.2 104.8L16 104L19.2 103.2ZM108 106.8L108.6 109.4L111.2 110L108.6 110.6L108 113.2L107.4 110.6L104.8 110L107.4 109.4ZM52 33.4L52.5 35.5L54.6 36L52.5 36.5L52 38.6L51.5 36.5L49.4 36L51.5 35.5ZM118 69L118.6 71.4L121 72L118.6 72.6L118 75L117.4 72.6L115 72L117.4 71.4Z'/%3E%3Ccircle cx='79.5' cy='25.5' r='0.94'/%3E%3Ccircle cx='38.1' cy='102.0' r='1.36'/%3E%3Ccircle cx='87.7' cy='117.2' r='1.52'/%3E%3Ccircle cx='0.5' cy='1.1' r='0.84'/%3E%3Ccircle cx='47.3' cy='70.4' r='1.57'/%3E%3Ccircle cx='45.4' cy='105.8' r='1.52'/%3E%3Ccircle cx='37.2' cy='26.5' r='0.95'/%3E%3Ccircle cx='111.3' cy='15.2' r='0.71'/%3E%3Ccircle cx='86.3' cy='105.6' r='1.40'/%3E%3Ccircle cx='92.6' cy='9.4' r='1.35'/%3E%3Ccircle cx='6.8' cy='65.7' r='1.39'/%3E%3Ccircle cx='14.7' cy='48.5' r='0.66'/%3E%3Ccircle cx='83.9' cy='50.9' r='0.56'/%3E%3Ccircle cx='8.0' cy='6.7' r='0.68'/%3E%3Ccircle cx='82.0' cy='30.4' r='0.87'/%3E%3Ccircle cx='71.1' cy='45.5' r='0.75'/%3E%3Ccircle cx='87.1' cy='14.4' r='0.67'/%3E%3Ccircle cx='104.6' cy='56.3' r='1.50'/%3E%3Ccircle cx='82.5' cy='35.4' r='0.84'/%3E%3Ccircle cx='99.4' cy='38.2' r='1.29'/%3E%3Ccircle cx='102.5' cy='38.0' r='0.52'/%3E%3Ccircle cx='64.9' cy='95.1' r='0.85'/%3E%3Ccircle cx='27.1' cy='100.5' r='1.01'/%3E%3Ccircle cx='20.9' cy='54.7' r='0.74'/%3E%3Ccircle cx='5.6' cy='102.9' r='1.22'/%3E%3Ccircle cx='58.7' cy='95.8' r='0.54'/%3E%3C/g%3E%3C/svg%3E");--ui-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.05' numOctaves='1' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 4.2 -2.35'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");--ui-pool:radial-gradient(farthest-corner circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #000 0%, #0000008c 26%, #00000024 66%, #0000000f 100%);--ui-bp:calc(12% + (var(--mx) * .62 + var(--my) * .38) * 76%);--ui-band:linear-gradient(114deg, #00000012 0%, #00000012 calc(var(--ui-bp) - 26%), #00000080 calc(var(--ui-bp) - 8%), #000 var(--ui-bp), #00000080 calc(var(--ui-bp) + 8%), #00000012 calc(var(--ui-bp) + 26%), #00000012 100%);--ui-solid:linear-gradient(#000 0 0);--ui-shift-x:calc(var(--mx) * 100%);--ui-shift-y:calc(var(--my) * 100%);--ui-foil-o:calc(var(--k) * (var(--rest) + var(--on) * (1 - var(--rest))));width:var(--ui-w);vertical-align:top;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent;perspective:var(--ui-persp,900px);font:inherit;text-align:left;background:0 0;border:0;flex:none;margin:0;padding:0;text-decoration:none;display:inline-block;position:relative}.ui-card[data-lamp=inherit]{--mx:inherit;--my:inherit;--on:inherit;--tilt:0}.ui-card[data-lamp=inherit] .ui-card-face{box-shadow:0 .5px #00000038,0 1px 2px #2820142e}.ui-card[data-size=fill]{width:100%;display:block}.ui-card[data-live="1"]{touch-action:pan-y}a.ui-card,button.ui-card{cursor:pointer}a.ui-card:focus-visible,button.ui-card:focus-visible{outline:none}a.ui-card:focus-visible .ui-card-face,button.ui-card:focus-visible .ui-card-face{outline:2px solid var(--ink);outline-offset:3px}.ui-card-body{transform:rotateX(calc((.5 - var(--my)) * var(--tilt) * 2deg)) rotateY(calc((var(--mx) - .5) * var(--tilt) * 2deg)) scale(calc(1 + var(--on) * .028));transform-origin:50%;position:relative}.ui-card[data-on="1"] .ui-card-body{will-change:transform}.ui-card-face{aspect-ratio:63/88;isolation:isolate;box-shadow:0 .5px 0 #00000038, 0 1px 2px #2820142e, calc((.5 - var(--mx)) * var(--on) * 16px) calc(6px + (.5 - var(--my)) * var(--on) * 12px + var(--on) * 6px) calc(16px + var(--on) * 12px) -10px rgb(40 30 15/calc(.32 + var(--on) * .18));background:#e6e0d4;border-radius:5.2%/3.75%;display:block;position:relative;overflow:hidden;transform:translateZ(0)}.ui-card[data-loaded="0"] .ui-card-face{background:linear-gradient(100deg,#e6e0d4 30%,#efeae1 50%,#e6e0d4 70%) 0 0/250% 100%;animation:1.4s linear infinite ui-card-wait}.ui-card-img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ui-card-foil,.ui-card-spark,.ui-card-glare,.ui-card-rim{pointer-events:none;display:block;position:absolute;inset:0}.ui-card[data-loaded="0"] .ui-card-foil,.ui-card[data-loaded="0"] .ui-card-spark,.ui-card[data-loaded="0"] .ui-card-glare{display:none}.ui-card-glare{background:radial-gradient(farthest-corner circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #fffc 0%, #ffffff42 12%, #fff0 34%, #0000001f 86%, #0003 100%);mix-blend-mode:soft-light;opacity:calc(.14 + var(--on) * .56)}.ui-card[data-holo=gloss] .ui-card-glare{opacity:calc(.1 + var(--on) * .46)}.ui-card-rim{border-radius:inherit;box-shadow:inset 0 0 0 .75px #00000029,inset 0 0 0 1.5px #ffffff2e}.ui-card-foil,.ui-card-spark{mix-blend-mode:color-dodge;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-card[data-holo=gloss] .ui-card-foil,.ui-card[data-holo=gloss] .ui-card-spark{display:none}.ui-card[data-holo=vintage] .ui-card-foil,.ui-card[data-holo=holo] .ui-card-foil{background-image:var(--ui-rainbow);background-size:220% 220%;background-position:var(--ui-shift-x) var(--ui-shift-y);-webkit-mask-image:var(--ui-solid), var(--ui-pool);-webkit-mask-image:var(--ui-solid), var(--ui-pool);mask-image:var(--ui-solid), var(--ui-pool);-webkit-mask-size:var(--win-size), 100% 100%;-webkit-mask-size:var(--win-size), 100% 100%;mask-size:var(--win-size), 100% 100%;-webkit-mask-position:var(--win-pos), 0 0;-webkit-mask-position:var(--win-pos), 0 0;mask-position:var(--win-pos), 0 0;-webkit-mask-composite:source-in;opacity:calc(var(--ui-foil-o) * .74);-webkit-mask-composite:source-in;mask-composite:intersect}.ui-card[data-holo=holo] .ui-card-foil{-webkit-mask-image:var(--ui-solid), var(--ui-band);-webkit-mask-image:var(--ui-solid), var(--ui-band);mask-image:var(--ui-solid), var(--ui-band)}.ui-card[data-holo=vintage] .ui-card-spark{background-image:var(--ui-rainbow-hot);background-size:220% 220%;background-position:calc(100% - var(--ui-shift-x)) var(--ui-shift-y);-webkit-mask-image:var(--ui-solid), var(--ui-pool), var(--ui-stars), var(--ui-stars);-webkit-mask-image:var(--ui-solid), var(--ui-pool), var(--ui-stars), var(--ui-stars);mask-image:var(--ui-solid), var(--ui-pool), var(--ui-stars), var(--ui-stars);-webkit-mask-size:var(--win-size), 100% 100%, 34% auto, 21% auto;-webkit-mask-size:var(--win-size), 100% 100%, 34% auto, 21% auto;mask-size:var(--win-size), 100% 100%, 34% auto, 21% auto;-webkit-mask-repeat:no-repeat,no-repeat,repeat,repeat;mask-repeat:no-repeat,no-repeat,repeat,repeat;-webkit-mask-position:var(--win-pos), 0 0, calc(var(--mx) * -46%) calc(var(--my) * -38%), calc(var(--mx) * 30% + 13%) calc(var(--my) * 26% + 7%);-webkit-mask-position:var(--win-pos), 0 0, calc(var(--mx) * -46%) calc(var(--my) * -38%), calc(var(--mx) * 30% + 13%) calc(var(--my) * 26% + 7%);mask-position:var(--win-pos), 0 0, calc(var(--mx) * -46%) calc(var(--my) * -38%), calc(var(--mx) * 30% + 13%) calc(var(--my) * 26% + 7%);-webkit-mask-composite:source-in, source-in, source-over;opacity:calc(var(--k) * (.3 + var(--on) * .7));-webkit-mask-composite:source-in,source-in,source-over;mask-composite:intersect,intersect,add}.ui-card[data-holo=holo] .ui-card-spark{background-image:var(--ui-rainbow-hot);background-size:240% 240%;background-position:calc(100% - var(--ui-shift-x)) var(--ui-shift-y);-webkit-mask-image:repeating-linear-gradient(90deg, #000 0 1px, #00000026 1px 3px), var(--ui-solid), var(--ui-band);-webkit-mask-image:repeating-linear-gradient(90deg, #000 0 1px, #00000026 1px 3px), var(--ui-solid), var(--ui-band);mask-image:repeating-linear-gradient(90deg, #000 0 1px, #00000026 1px 3px), var(--ui-solid), var(--ui-band);-webkit-mask-size:100% 100%, var(--win-size), 100% 100%;-webkit-mask-size:100% 100%, var(--win-size), 100% 100%;mask-size:100% 100%, var(--win-size), 100% 100%;-webkit-mask-position:0 0, var(--win-pos), 0 0;-webkit-mask-position:0 0, var(--win-pos), 0 0;mask-position:0 0, var(--win-pos), 0 0;-webkit-mask-composite:source-in, source-in;opacity:calc(var(--k) * (.16 + var(--on) * .5));-webkit-mask-composite:source-in,source-in;mask-composite:intersect,intersect}.ui-card[data-holo=reverse] .ui-card-foil{background-image:var(--ui-rainbow);background-size:260% 260%;background-position:var(--ui-shift-x) var(--ui-shift-y);-webkit-mask-image:var(--ui-band), var(--ui-solid), var(--ui-solid);-webkit-mask-image:var(--ui-band), var(--ui-solid), var(--ui-solid);mask-image:var(--ui-band), var(--ui-solid), var(--ui-solid);-webkit-mask-size:100% 100%, 100% 100%, var(--win-size);-webkit-mask-size:100% 100%, 100% 100%, var(--win-size);mask-size:100% 100%, 100% 100%, var(--win-size);-webkit-mask-position:0 0, 0 0, var(--win-pos);-webkit-mask-position:0 0, 0 0, var(--win-pos);mask-position:0 0, 0 0, var(--win-pos);-webkit-mask-composite:source-in, source-out;opacity:calc(var(--ui-foil-o) * .72);-webkit-mask-composite:source-in,source-out;mask-composite:intersect,subtract}.ui-card[data-holo=reverse] .ui-card-spark{background-image:var(--ui-rainbow-hot);background-size:200% 200%;background-position:calc(100% - var(--ui-shift-x)) calc(100% - var(--ui-shift-y));-webkit-mask-image:var(--ui-grain), var(--ui-band), var(--ui-solid), var(--ui-solid);-webkit-mask-image:var(--ui-grain), var(--ui-band), var(--ui-solid), var(--ui-solid);mask-image:var(--ui-grain), var(--ui-band), var(--ui-solid), var(--ui-solid);-webkit-mask-size:160px 160px, 100% 100%, 100% 100%, var(--win-size);-webkit-mask-size:160px 160px, 100% 100%, 100% 100%, var(--win-size);mask-size:160px 160px, 100% 100%, 100% 100%, var(--win-size);-webkit-mask-repeat:repeat,no-repeat,no-repeat,no-repeat;mask-repeat:repeat,no-repeat,no-repeat,no-repeat;-webkit-mask-position:calc(var(--mx) * -36px) calc(var(--my) * -36px), 0 0, 0 0, var(--win-pos);-webkit-mask-position:calc(var(--mx) * -36px) calc(var(--my) * -36px), 0 0, 0 0, var(--win-pos);mask-position:calc(var(--mx) * -36px) calc(var(--my) * -36px), 0 0, 0 0, var(--win-pos);-webkit-mask-composite:source-in, source-in, source-out;opacity:calc(var(--k) * (.14 + var(--on) * .5));-webkit-mask-composite:source-in,source-in,source-out;mask-composite:intersect,intersect,subtract}.ui-card[data-holo=etched] .ui-card-foil,.ui-card[data-holo=rainbow] .ui-card-foil,.ui-card[data-holo=gold] .ui-card-foil{background-image:var(--ui-rainbow);background-size:240% 240%;background-position:var(--ui-shift-x) var(--ui-shift-y);-webkit-mask-image:var(--ui-band);-webkit-mask-image:var(--ui-band);mask-image:var(--ui-band);opacity:calc(var(--ui-foil-o) * .64);-webkit-mask-size:100% 100%;mask-size:100% 100%}.ui-card[data-holo=etched] .ui-card-spark,.ui-card[data-holo=rainbow] .ui-card-spark,.ui-card[data-holo=gold] .ui-card-spark{background-image:var(--ui-rainbow-hot);background-size:220% 220%;background-position:calc(100% - var(--ui-shift-x)) var(--ui-shift-y);-webkit-mask-image:var(--ui-grain), var(--ui-band);-webkit-mask-image:var(--ui-grain), var(--ui-band);mask-image:var(--ui-grain), var(--ui-band);-webkit-mask-size:160px 160px,100% 100%;mask-size:160px 160px,100% 100%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-position:calc(var(--mx) * -40px) calc(var(--my) * -40px), 0 0;-webkit-mask-position:calc(var(--mx) * -40px) calc(var(--my) * -40px), 0 0;mask-position:calc(var(--mx) * -40px) calc(var(--my) * -40px), 0 0;-webkit-mask-composite:source-in;opacity:calc(var(--k) * (.12 + var(--on) * .72));-webkit-mask-composite:source-in;mask-composite:intersect}.ui-card[data-holo=rainbow] .ui-card-foil{background-image:var(--ui-rainbow-hot);opacity:calc(var(--ui-foil-o) * .56);background-size:200% 200%}.ui-card[data-holo=gold] .ui-card-foil,.ui-card[data-holo=gold] .ui-card-spark{background-image:var(--ui-gold)}.ui-card[data-holo=gold] .ui-card-foil{opacity:calc(var(--ui-foil-o) * .62)}.ui-card-back{box-shadow:inset 0 0 0 calc(var(--ui-wpx,168px) * .035) #121a36, inset 0 0 0 calc(var(--ui-wpx,168px) * .04) #ffffff1f;color:#f2efe8;background:repeating-linear-gradient(45deg,#ffffff12 0 1px,#0000 1px 7px),repeating-linear-gradient(-45deg,#ffffff12 0 1px,#0000 1px 7px),radial-gradient(120% 90% at 50% 40%,#24315a 0%,#172040 55%,#0f1630 100%);place-items:center;display:grid;position:absolute;inset:0}.ui-card-back-mark{justify-items:center;gap:calc(var(--ui-wpx,168px) * .04);padding:calc(var(--ui-wpx,168px) * .07) calc(var(--ui-wpx,168px) * .09);color:#f2efe8;border:1px solid #ffffff42;border-radius:999px/50%;display:grid}.ui-card-back-mark svg{width:calc(var(--ui-wpx,168px) * .26);height:calc(var(--ui-wpx,168px) * .26)}.ui-card-back b{font-family:var(--font-display);font-weight:900;font-size:calc(var(--ui-wpx,168px) * .1);letter-spacing:.01em;text-transform:uppercase;line-height:1}.ui-card-back small{text-align:center;font-family:var(--font-mono);font-size:max(8px, calc(var(--ui-wpx,168px) * .05));letter-spacing:.08em;text-transform:uppercase;color:#f2efe89e;padding:0 8%;position:absolute;bottom:9%;left:0;right:0}.ui-card-sleeve{pointer-events:none;background:linear-gradient(calc(100deg + (var(--mx) - .5) * 40deg), #fff0 30%, rgb(255 255 255/calc(.16 + var(--on) * .22)) 46%, #fff0 60%), #ffffff0d;border-radius:4%/3%;position:absolute;inset:-3.2% -3.6% -2.4%;box-shadow:inset 0 0 0 1px #ffffff8c,0 0 0 .5px #0f0f101f}.ui-card-sleeve:before{content:"";background:#0f0f101f;height:1px;position:absolute;top:0;left:6%;right:6%}.ui-card-tag{z-index:2;height:20px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:5px;padding:0 7px;font-size:10.5px;display:inline-flex;position:absolute;box-shadow:0 2px 6px -2px #281e0f66}.ui-card-tag-no{background:var(--ink);color:#f8f6f2;top:-7px;left:8%}.ui-card-tag-price{background:var(--card-2);color:var(--ink);border:1px solid var(--hair);bottom:-8px;right:7%}.ui-card-tag-ex{background:var(--card);color:var(--mute);border:1px dashed var(--mute);box-shadow:none;top:-7px;right:8%}.ui-card[data-size=xs] .ui-card-tag{display:none}.ui-card[data-size=sm] .ui-card-tag{letter-spacing:.02em;height:17px;padding:0 5px;font-size:9px}.ui-card-cap{min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ink);white-space:nowrap;justify-content:space-between;align-items:center;gap:6px;margin-top:9px;font-size:11.5px;display:flex}.ui-card-cap>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.ui-card-cap .chip{height:18px;padding:0 6px;font-size:9.5px}.ui-ghost{width:var(--ui-w,168px);aspect-ratio:63/88;color:#0f0f1052;max-width:100%;font-family:var(--font-mono);font-size:clamp(12px, calc(var(--ui-wpx,168px) * .09), 18px);letter-spacing:.04em;font-variant-numeric:tabular-nums;background:#ffffff38;border:1.5px dashed #0f0f1033;border-radius:5.2%/3.75%;place-items:center;display:grid;position:relative}.ui-ghost[data-size=fill]{width:100%}.ui-ghost small{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#0f0f1047;text-overflow:ellipsis;white-space:nowrap;padding:0 8%;font-size:.62em;position:absolute;bottom:8%;left:0;right:0;overflow:hidden}}@keyframes ui-card-wait{0%{background-position:100% 0}to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.ui-card-body{transform:none!important}.ui-card[data-loaded="0"] .ui-card-face{animation:none}}