.tarot{position:relative;flex:none;width:var(--cw);aspect-ratio:7/12;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;container-type:inline-size;outline:none;-webkit-tap-highlight-color:transparent;perspective:900px}div.tarot{cursor:default}.t-shadow{position:absolute;inset:6% 8% 0;border-radius:8%;background:var(--shadow);filter:blur(16px);opacity:.75;transform:translate(calc(var(--px,0) * -26px),calc(18px - var(--py,0) * 14px)) scale(calc(1 - var(--lit,0) * .02));transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .3s}.t-motion{position:absolute;inset:0;transform-origin:50% 62%;will-change:transform}.t-tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .55s cubic-bezier(.2,.8,.2,1)}.tarot.tilting .t-tilt{transition:transform .1s linear}.t-flip{position:absolute;inset:0;transform-style:preserve-3d}.t-face{position:absolute;inset:0;border-radius:4.4%/2.6%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#f1e7d0;box-shadow:0 0 0 .5px #46300e80,0 1px 1px #ffffff40 inset;transform:translateZ(.1px)}.t-back{transform:rotateY(180deg) translateZ(.1px);background:#120e30}.t-art,.t-portrait{position:absolute;inset:0;mask-size:100% 100%;-webkit-mask-size:100% 100%;overflow:hidden}.t-art img{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;transform:translate(calc(var(--px,0) * -14px),calc(var(--py,0) * -14px));transition:transform .55s cubic-bezier(.2,.8,.2,1)}.tarot.tilting .t-art img,.tarot.tilting .t-portrait img{transition:transform .1s linear}.t-portrait{opacity:0;transition:opacity .4s}.t-portrait.on{opacity:1}.t-portrait img{position:absolute;left:50%;top:calc(var(--pt,5) * 1%);width:calc(var(--pw,150) * 1%);height:auto;transform:translate(calc(-50% + var(--px,0) * -24px),calc(var(--py,0) * -18px));transition:transform .55s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 6px 10px rgba(30,15,50,.35))}.t-paper{position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:.42;background-image:var(--paper-noise)}.t-frame{position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;filter:drop-shadow(0 .5px .5px rgba(60,40,10,.35))}.t-foil{position:absolute;inset:0;pointer-events:none;mask-size:100% 100%;-webkit-mask-size:100% 100%;mix-blend-mode:color-dodge;background:linear-gradient(115deg,transparent 18%,rgba(255,236,190,0) 30%,rgba(255,246,214,var(--foil-hi)) 42%,rgba(196,232,255,var(--foil-mid)) 48%,rgba(255,206,236,var(--foil-lo)) 53%,rgba(255,246,214,var(--foil-hi)) 58%,transparent 70%);background-size:260% 260%;background-position:var(--mx,30%) var(--my,30%);opacity:calc((.28 + var(--glare,0) * .72) * var(--foil));transition:opacity .4s,background-position .55s cubic-bezier(.2,.8,.2,1)}.tarot.tilting .t-foil{transition:opacity .2s,background-position .1s linear}.t-foil.broad{mix-blend-mode:soft-light;opacity:calc(var(--glare,0) * .6 * var(--foil))}.t-gloss{position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;background:radial-gradient(90% 60% at var(--mx,50%) var(--my,20%),rgba(255,255,255,var(--gloss)),rgba(255,255,255,0) 60%);opacity:calc(var(--lit,0) * .8);transition:opacity .5s}.t-backart{position:absolute;inset:0;background-size:100% 100%}.t-num{position:absolute;left:50%;top:.9%;height:4.3%;min-width:22%;padding:0 5cqw;transform:translate(-50%);display:flex;align-items:center;justify-content:center;background-size:100% 100%;font:400 5.4cqw/1 var(--display);letter-spacing:.14em;color:#f3dc9a;text-shadow:0 1px 0 rgba(0,0,0,.45)}.t-num span{padding-left:.14em}.t-plate{position:absolute;left:9%;right:9%;bottom:2%;height:7%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 10%;background-size:100% 100%}.t-title{display:block;min-width:0;font:400 clamp(4.4cqw,calc(116cqw / var(--tlen,10)),7.2cqw)/1.02 var(--display);color:#f3dc9a;white-space:normal;text-wrap:balance;overflow:visible;overflow-wrap:normal;text-shadow:0 1px 0 rgba(0,0,0,.5)}.t-plate:has(.t-title){overflow:visible}.t-name{position:absolute;left:24%;right:24%;bottom:10.6%;height:4.6%;display:flex;align-items:center;justify-content:center;background-size:100% 100%;font:400 5.6cqw/1 var(--display);color:#3a2a12;white-space:nowrap}.t-num[hidden],.t-plate[hidden],.t-name[hidden]{display:none}.t-field{position:absolute;left:12%;right:12%;top:36%;display:flex;justify-content:center}.t-blurb{position:absolute;left:-8%;right:-8%;top:calc(100% + 12px);text-align:center;font:italic 400 14px/1.35 var(--body);color:var(--ink-2);text-wrap:balance;pointer-events:none;transition:opacity .25s}.tarot.picked .t-blurb,.a-hand .t-blurb{opacity:0}.t-backlabel{position:absolute;left:0;right:0;bottom:7%;text-align:center;font:400 8cqw/1.1 var(--display);color:var(--gold-hi);letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.5)}.tarot:hover .t-shadow{opacity:.9}.tarot:focus-visible .t-face{box-shadow:0 0 0 2px var(--gold-hi),0 0 0 6px #f3dc9a38}.tarot.picked .t-front{box-shadow:0 0 0 2px var(--gold-hi),0 10px 30px rgba(243,220,154,var(--card-glow))}.tarot.picked .t-shadow{opacity:.5;transform:translateY(40px) scale(.94)}.tarot.hero{width:var(--hero)}.tarot.forging .t-tilt{animation:breathe 3.2s ease-in-out infinite}.tarot.forging .t-foil{animation:sweep 2.6s ease-in-out infinite;opacity:calc(.9 * var(--foil))}.tarot.painted .t-front{background:#141a44}.tarot.painted .t-plate{left:17.6%;right:17.6%;bottom:3.3%;height:8%;background:none!important;padding:0 7%}.tarot.painted .t-title{color:#3a2710;text-shadow:0 1px 0 rgba(255,244,210,.6)}.tarot.painted .t-num{top:6.6%;height:4.6%;font-size:6.4cqw;min-width:24%}.tarot.painted .t-name{bottom:12.9%;height:4.4%}.t-plate[data-grow]{height:auto;min-height:7%;padding-block:1.6cqw}.tarot.painted .t-plate[data-grow]{bottom:2.4%;background:linear-gradient(#f7e8c2,#e4c88c)!important;border-radius:2.6cqw;box-shadow:0 0 0 .5cqw #86621fbf,0 .6cqw 1.6cqw #1e0f3259}.tarot.painted.input-card .t-art{background:#efe4c8}.tarot[data-rarity="1"] .t-front .t-foil{opacity:0}.tarot[data-rarity="3"] .t-front .t-foil,.tarot[data-rarity="4"] .t-front .t-foil{background:none;overflow:hidden;opacity:calc(.95 * var(--foil))}.tarot[data-rarity="3"] .t-front .t-foil:before,.tarot[data-rarity="4"] .t-front .t-foil:before{content:"";position:absolute;left:0;top:0;width:260%;height:260%;background:linear-gradient(115deg,transparent 18%,rgba(255,236,190,0) 30%,rgba(255,246,214,var(--foil-hi)) 42%,rgba(196,232,255,var(--foil-mid)) 48%,rgba(255,206,236,var(--foil-lo)) 53%,rgba(255,246,214,var(--foil-hi)) 58%,transparent 70%);will-change:transform;animation:t-sweep 2.6s ease-in-out infinite}@media(hover:hover)and (pointer:fine){.tarot[data-rarity="4"] .t-front .t-foil{animation:t-hue 9s linear infinite}}.tarot[data-rarity="4"] .t-front{box-shadow:0 0 0 1.5px #f3dc9a,0 0 var(--card-glow-blur) rgba(243,220,154,var(--card-glow))}@keyframes t-sweep{0%{transform:translateZ(0)}to{transform:translate3d(-61.5%,-61.5%,0)}}@keyframes t-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.tarot.painted[data-rarity="1"] .t-num{color:#f1cfa6;text-shadow:0 1px 1px rgba(24,10,4,.8)}.tarot.painted[data-rarity="1"] .t-title{color:#fbe6cc;text-shadow:0 1px 1px rgba(30,12,4,.9),0 0 6px rgba(30,12,4,.55)}.tarot.painted[data-rarity="1"] .t-front{box-shadow:0 0 0 .5px #3c221299,0 1px 1px #ffffff2e inset}.tarot.painted[data-rarity="2"] .t-num{color:#f1f3fb;text-shadow:0 1px 1px rgba(20,22,40,.7)}.tarot.painted[data-rarity="2"] .t-title{color:#24223a;text-shadow:0 1px 0 rgba(255,255,255,.7)}.tarot.painted[data-rarity="2"] .t-front .t-foil{background:linear-gradient(115deg,transparent 18%,rgba(236,242,255,0) 30%,rgba(248,250,255,var(--foil-hi)) 42%,rgba(206,222,255,var(--foil-mid)) 48%,rgba(232,220,255,var(--foil-lo)) 53%,rgba(248,250,255,var(--foil-hi)) 58%,transparent 70%);background-size:260% 260%;background-position:var(--mx,30%) var(--my,30%)}.tarot.painted[data-rarity="2"] .t-front{box-shadow:0 0 0 .5px #282c4699,0 1px 1px #ffffff4d inset}.tarot.painted[data-rarity="3"] .t-num,.tarot.painted[data-rarity="4"] .t-num{top:7.4%;filter:drop-shadow(0 0 4px rgba(243,220,154,var(--glint-num)))}.tarot.full .t-art,.tarot.full .t-portrait,.tarot.full .t-paper,.tarot.full .t-frame{display:none}.t-world{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#1a1030}.t-world>.t-l{position:absolute;inset:-11%;background-size:cover;background-position:50% 60%;transform:translate3d(calc(var(--px,0) * (var(--d) - .35) * -22cqw),calc(var(--py,0) * (var(--d) - .35) * -16cqw),0) scale(calc(1 + var(--d) * .03));transition:transform .55s cubic-bezier(.2,.8,.2,1);will-change:transform}.t-fig{--d:.72;position:absolute;left:50%;bottom:3.5%;height:80%;width:auto;max-width:none;transform:translate(calc(-50% + var(--px,0) * (var(--d) - .35) * -22cqw),calc(var(--py,0) * (var(--d) - .35) * -16cqw));transition:transform .55s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 1.2cqw 2cqw rgba(20,8,40,.45));opacity:0}.tarot.full[data-figure] .t-fig{opacity:1}.tarot.tilting .t-world>.t-l,.tarot.tilting .t-fig{transition:transform .1s linear}.t-edge{position:absolute;inset:0;border-radius:inherit;padding:1cqw;pointer-events:none;background:conic-gradient(from calc(var(--px,0) * 240deg + 20deg),#f3dc9a,#fff4d6,#c9e8ff,#ffd0ec,#f3dc9a,#fff4d6,#d8c8ff,#f3dc9a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);box-shadow:inset 0 0 1.4cqw rgba(255,240,210,var(--card-glow))}.t-world:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,#120a288c 55%,#0e0820d1);pointer-events:none}.tarot.full .t-front{box-shadow:0 0 0 .5px #f3dc9acc,0 0 var(--card-glow-blur) rgba(243,220,154,var(--world-glow)),0 0 calc(var(--card-glow-blur) * 2.4) rgba(190,160,255,calc(var(--world-glow) * .8))}.tarot.full .t-front .t-foil:before{content:none}.tarot.full .t-front .t-foil{-webkit-mask-image:none!important;mask-image:none!important;mix-blend-mode:soft-light;border-radius:inherit;opacity:calc((.1 + var(--glare,0) * .35) * var(--world-holo));animation:none;background:repeating-linear-gradient(115deg,#ffaadcb3 0 2%,#fff0beb3 3% 5%,#aaf0e6b3 6% 8%,#bec8ffb3 9% 11%,#ffaadcb3 12%),radial-gradient(55% 40% at var(--mx,50%) var(--my,30%),rgba(255,255,255,var(--foil-hi)),transparent 70%);background-size:300% 300%,100% 100%;background-position:var(--mx,30%) var(--my,30%),0 0}.tarot.full .t-gloss{border-radius:inherit}.tarot.full .t-plate{left:9%;right:9%;bottom:4.2%;height:9%;padding:0 4%;background:none!important;z-index:3}.tarot.full .t-title{color:transparent;background:linear-gradient(100deg,#e9c77a,#f7e2a4 30%,#fff6dc,#f3d58e 60%,#e9c77a) 0 0/220% 100%;background-position:var(--mx,50%) 0;-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:drop-shadow(0 .3cqw .5cqw rgba(10,4,26,.85)) drop-shadow(0 0 1.6cqw rgba(243,220,154,var(--card-glow)))}.tarot.full .t-name{left:20%;right:20%;bottom:13.6%;height:4%;background:none!important;font:400 3.4cqw/1 var(--display);letter-spacing:.32em;text-transform:uppercase;color:#f3dc9a;text-shadow:0 .2cqw .6cqw rgba(10,4,26,.9);z-index:3}.tarot.full .t-name span{padding-left:.32em}.tarot.full .t-name:before,.tarot.full .t-name:after{content:"";flex:1;height:1px;margin:0 2.4cqw;background:linear-gradient(90deg,transparent,rgba(243,220,154,.8))}.tarot.full .t-name:after{background:linear-gradient(270deg,transparent,rgba(243,220,154,.8))}.tarot.full[data-rarity] .t-num{top:3.2%;left:50%;transform:translate(-50%);min-width:0;height:4.6%;padding:0 2cqw;background:none!important;font-size:5.6cqw;color:#fbe9b8;text-shadow:0 .2cqw .6cqw rgba(10,4,26,.9),0 0 1.6cqw rgba(243,220,154,var(--glint-num));z-index:3}.tarot.full.painting .t-world>.t-l{filter:brightness(.62) saturate(.8);transition:filter .9s cubic-bezier(.23,1,.32,1),transform .55s cubic-bezier(.2,.8,.2,1)}@media(prefers-reduced-motion:reduce){.tarot[data-rarity] .t-foil,.tarot[data-rarity] .t-foil:before{animation:none!important}.t-world>.t-l{transform:none!important;transition:none!important}.t-fig{transform:translate(-50%)!important;transition:none!important}}.t-sketch{position:absolute;inset:0;mask-size:100% 100%;-webkit-mask-size:100% 100%;pointer-events:none;opacity:0;transition:opacity .9s cubic-bezier(.23,1,.32,1)}.t-sketch:before{content:"";position:absolute;inset:0;mix-blend-mode:screen;background:radial-gradient(ellipse 64% 50% at 50% 38%,#f6e2b457,#f6e2b400 72%)}.t-sketch>i{position:absolute;inset:0;background:center/100% 100% no-repeat;transform-origin:50% 60%;filter:drop-shadow(0 0 5px rgba(255,228,160,.55))}.tarot.painting .t-sketch{opacity:1}.tarot.painting .t-sketch>i{animation:t-gather 3.6s ease-in-out infinite}.tarot.painting .t-art img,.tarot.painting .t-depth{filter:brightness(.46) saturate(.7);transition:filter .9s cubic-bezier(.23,1,.32,1)}.tarot.painting[data-failed] .t-sketch{opacity:.5}.tarot.painting[data-failed] .t-sketch>i{animation:none}@keyframes t-gather{0%,to{opacity:.62;transform:scale(.99)}50%{opacity:1;transform:scale(1.015)}}@media(prefers-reduced-motion:reduce){.tarot.painting .t-sketch>i{animation:none;opacity:.9}}