.pc{aspect-ratio:63/88;perspective:900px;--radius:4.6%/3.3%;display:block;position:relative}.pc-inner{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;left:0;right:0}.pc-tilt .pc-inner{transform:rotateX(calc(var(--ty,0)*-8deg))rotateY(calc(var(--tx,0)*10deg));transition:transform .3s cubic-bezier(.22,1,.36,1)}.pc[data-flipped] .pc-inner{transition:transform .7s cubic-bezier(.22,1,.36,1);transform:rotateY(180deg)}.pc-face{border-radius:var(--radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 0 0 1px rgba(26,23,20,.18),inset 0 1px rgba(255,255,255,.5),0 14px 28px -18px rgba(26,23,20,.7)}.pc-front{background:var(--card);color:var(--ink)}.pc[data-tone=ink] .pc-front{background:var(--ink);color:var(--card)}.pc[data-tone=red] .pc-front{background:var(--red);color:var(--card)}.pc[data-tone=felt] .pc-front{background:var(--felt);color:var(--card)}.pc-rear{transform:rotateY(180deg)}.pc-img{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.pc-img-cover{object-fit:cover}.pc-img-contain{object-fit:contain;padding:14%}.pc-idx{z-index:2;font-family:var(--font-archivo),sans-serif;font-variation-settings:"wdth" 110;flex-direction:column;align-items:center;gap:.15em;font-size:max(10px,min(6.4cqw,18px));font-weight:800;line-height:1;display:flex;position:absolute}.pc{container-type:inline-size}.pc-idx-tl{top:4.5%;left:6%}.pc-idx-br{bottom:4.5%;right:6%;transform:rotate(180deg)}.pc-idx-suit{width:1.3em;height:1.3em}.pc-back{background:var(--red);padding:7%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.pc-back-frame{background:repeating-linear-gradient(45deg,rgba(248,244,234,.16) 0,rgba(248,244,234,.16) 1.5px,transparent 1.5px,transparent 8px),repeating-linear-gradient(-45deg,rgba(248,244,234,.16) 0,rgba(248,244,234,.16) 1.5px,transparent 1.5px,transparent 8px);border:1.5px solid rgba(248,244,234,.8);border-radius:3%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pc-back-mark{aspect-ratio:1;background:var(--red);width:44%;color:var(--card);font-family:var(--font-archivo),sans-serif;font-variation-settings:"wdth" 125;letter-spacing:-.02em;border:1.5px solid rgba(248,244,234,.8);border-radius:50%;place-items:center;font-size:13cqw;font-weight:900;display:grid}.pc-foil{--g:calc((1 - var(--px,.5))*80% + 10%);z-index:3;pointer-events:none;mix-blend-mode:overlay;opacity:calc(var(--foil,0)*.7);background:linear-gradient(calc(120deg + var(--py,.5)*20deg),rgba(255,255,255,0) calc(var(--g) - 38%),rgba(255,255,255,.5) var(--g),rgba(255,255,255,0) calc(var(--g) + 38%));transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.pc-tilt .pc-inner{transform:none}}