.pc{--stock:#f3ede2;--stock-edge:#d8cebf;--ink:#151215;--card-red:#8b1820;--night:#0e0909;--ivory:#f2eadf;--muted-ivory:#f2eadf99;aspect-ratio:2/3;background:var(--stock);width:100%;color:var(--ink);box-shadow:inset 0 0 0 1px var(--stock-edge), 0 24px 48px -20px #000000b3;font-family:var(--font-display);-webkit-user-select:none;user-select:none;border-radius:7%/5%;display:block;position:relative;overflow:hidden;container-type:inline-size}.pc.is-red{color:var(--card-red)}.pc svg{fill:currentColor;display:block}.pc-index{flex-direction:column;align-items:center;width:13cqw;display:flex;position:absolute}.pc-index.is-top{top:5cqw;left:4.5cqw}.pc-index.is-bottom{bottom:5cqw;right:4.5cqw;transform:rotate(180deg)}.pc-index-rank{font-size:14cqw;font-weight:600;line-height:.9}.pc-index-rank.is-ten{letter-spacing:-.08em;margin-left:-.08em;font-size:11.5cqw}.pc .pc-index-suit{width:9cqw;height:9cqw;margin-top:1.5cqw}.pc-frame{border:1px solid color-mix(in srgb, currentColor 55%, transparent);outline:1px solid color-mix(in srgb, currentColor 22%, transparent);outline-offset:-5cqw;flex-direction:column;justify-content:center;align-items:center;gap:3cqw;display:flex;position:absolute;inset:14% 19%}.pc-letter{letter-spacing:-.02em;margin-top:2cqw;font-size:34cqw;font-weight:500;line-height:.8}.pc .pc-mid{width:15cqw;height:15cqw}.pc-title{text-align:center;padding-inline:4cqw;font-size:6.6cqw;font-weight:500;line-height:1.15}.pc svg.pc-face{fill:none;width:100%;height:100%;position:absolute;inset:0}.pc.is-drawn .pc-index.is-top{top:6.4cqw;left:6cqw}.pc.is-drawn .pc-index.is-bottom{bottom:6.4cqw;right:6cqw}.pc.is-drawn .pc-index-rank{font-size:12.5cqw;font-weight:700}.pc.is-drawn .pc-index-rank.is-ten{font-size:10.5cqw}.pc.is-drawn .pc .pc-index-suit,.pc.is-drawn .pc-index-suit{width:8cqw;height:8cqw}.hand{aspect-ratio:1/1.08;width:100%;position:relative}.hand .pc{width:60%;position:absolute;top:5%}.hand-kicker{animation:.75s cubic-bezier(.2,.8,.2,1) both hand-deal;left:36%;transform:rotate(10deg)}.hand-card{animation:.6s cubic-bezier(.2,.8,.2,1) both hand-lift;left:4%;transform:rotate(-7deg)}@keyframes hand-deal{0%{opacity:0;transform:translate(70%,-18%)rotate(32deg)}}@keyframes hand-lift{0%{opacity:.4;transform:translateY(4%)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.hand-kicker,.hand-card{animation:none}}.pc.is-art img{object-fit:cover;width:100%;height:100%;display:block}