.pc.svelte-13kiyf8{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;--face:linear-gradient(160deg, #1c1c21 0%, #111114 55%, #0c0c0e 100%);--ink:var(--bone);--suit-ink:var(--bone);--edge:#ece8df24;width:var(--w);aspect-ratio:5/7;perspective:1100px;color:var(--ink);flex:none;display:block;position:relative;container-type:inline-size}.pc.red.svelte-13kiyf8{--suit-ink:var(--red-hot)}.pc.v-bone.svelte-13kiyf8{--face:linear-gradient(160deg, #f6f2ea 0%, #ece7dc 60%, #e2dccf 100%);--ink:var(--card-ink);--suit-ink:var(--card-ink);--edge:#0003}.pc.v-bone.red.svelte-13kiyf8{--suit-ink:var(--card-red)}.pc.v-crimson.svelte-13kiyf8{--face:linear-gradient(160deg, #b5141b, #6e0a0f);--ink:var(--bone);--suit-ink:var(--bone);--edge:#ff50504d}.pc-inner.svelte-13kiyf8{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(calc(var(--ry) + (var(--flip,0) * 180deg)));transition:transform .7s var(--ease-out);position:absolute;inset:0}.pc.svelte-13kiyf8[data-tilting] .pc-inner:where(.svelte-13kiyf8){transition:transform .12s linear}.pc.flipped.svelte-13kiyf8{--flip:1}.pc-face.svelte-13kiyf8,.pc-back.svelte-13kiyf8{border-radius:calc(var(--w) * .055);backface-visibility:hidden;box-shadow:0 0 0 1px var(--edge), 0 1px 0 #ffffff0f inset, 0 30px 60px -20px #000c, 0 12px 24px -12px #0009;position:absolute;inset:0;overflow:hidden}.pc-face.svelte-13kiyf8{background:var(--face)}.pc-face.svelte-13kiyf8:before{content:"";border:1px solid color-mix(in srgb, var(--suit-ink) 22%, transparent);border-radius:calc(var(--w) * .02);pointer-events:none;position:absolute;inset:3.2%}.corner.svelte-13kiyf8{z-index:2;color:var(--suit-ink);flex-direction:column;align-items:center;gap:.05em;font-size:max(.75rem,11cqi);line-height:1;display:flex;position:absolute}.tl.svelte-13kiyf8{top:6%;left:7%}.br.svelte-13kiyf8{bottom:6%;right:7%;rotate:180deg}.idx.svelte-13kiyf8{font-family:var(--font-card);letter-spacing:-.04em;font-weight:700}.joker-word.svelte-13kiyf8{writing-mode:vertical-rl;text-orientation:upright;font-family:var(--font-display);letter-spacing:-.12em;color:var(--red-hot);font-size:.5em;font-weight:900}.pc.v-bone.svelte-13kiyf8 .joker-word:where(.svelte-13kiyf8){color:var(--card-red)}.pc-body.svelte-13kiyf8{z-index:1;color:var(--suit-ink);place-items:center;display:grid;position:absolute;inset:19% 11%}.pc-body.svelte-13kiyf8 .pip{filter:drop-shadow(0 6px 18px color-mix(in srgb, var(--suit-ink) 35%, transparent))}.joker-mark.svelte-13kiyf8{filter:drop-shadow(0 10px 24px #0000008c);width:88%}.glare.svelte-13kiyf8{z-index:3;pointer-events:none;background:radial-gradient(circle at var(--gx) var(--gy), #ffffff29, transparent 45%);opacity:0;mix-blend-mode:soft-light;transition:opacity .4s;position:absolute;inset:0}.pc.svelte-13kiyf8[data-tilting] .glare:where(.svelte-13kiyf8){opacity:1}.pc-back.svelte-13kiyf8{background:repeating-linear-gradient(45deg,#00000038 0 2px,#0000 2px 9px),repeating-linear-gradient(-45deg,#00000038 0 2px,#0000 2px 9px),linear-gradient(160deg,#c8161d,#6d0a0e);transform:rotateY(180deg)}.back-art.svelte-13kiyf8{border-radius:calc(var(--w) * .025);background:radial-gradient(circle,#0000008c 0 30%,#0000 70%);border:1px solid #ece8df59;place-items:center;display:grid;position:absolute;inset:6%}.back-art.svelte-13kiyf8 img:where(.svelte-13kiyf8){filter:drop-shadow(0 8px 20px #0009);width:62%}a.pc.svelte-13kiyf8:hover .pc-face:where(.svelte-13kiyf8),a.pc.svelte-13kiyf8:focus-visible .pc-face:where(.svelte-13kiyf8){box-shadow:0 0 0 1px color-mix(in srgb, var(--suit-ink) 55%, transparent), 0 30px 60px -20px #000c, 0 0 40px -10px color-mix(in srgb, var(--suit-ink) 40%, transparent)}