@layer components{.tarot-card-scene{inline-size:var(--tarot-card-size,15rem);max-inline-size:100%;perspective:var(--tarot-card-perspective,60rem);rotate:var(--tarot-card-angle,0deg);container-type:inline-size}.tarot-card-flipper{transform-style:preserve-3d;transition:rotate .6s;display:grid}.tarot-card-face-down .tarot-card-flipper{rotate:y 180deg}.tarot-card-face{--tarot-card-edge-width:1.5px;--tarot-card-radius:4cqi;backface-visibility:hidden;border-radius:calc(var(--tarot-card-radius) + var(--tarot-card-edge-width));box-shadow:var(--tarot-card-shadow,var(--shadow-card));grid-area:1/1}.tarot-card-face-back{--tarot-card-jacket-pattern:hsl(from var(--color-rose-76) h s l / .8);background:var(--gradient-card-back) padding-box, var(--tarot-card-edge,var(--gradient-accent)) border-box;border:var(--tarot-card-edge-width) solid transparent;position:relative;rotate:y 180deg}.tarot-card-face-back:only-child{aspect-ratio:960/1646;box-sizing:content-box}.tarot-card-face-back:before{background:var(--tarot-card-jacket-pattern);border-radius:inherit;content:"";position:absolute;inset:0;mask-image:url(/backgrounds/background-card-jacket.svg);mask-size:111cqi 111cqi;mask-repeat:repeat}.tarot-card{background:var(--tarot-card-edge,var(--color-parchment-85));padding:var(--tarot-card-edge-width);margin:0}.tarot-card-artwork{border-radius:var(--tarot-card-radius);block-size:auto;inline-size:100%;display:block}.tarot-card-reversed .tarot-card-artwork{rotate:180deg}}