/* cards.css — shared playing-card visuals (matches Blackjack tone) */
:root{ --cw:calc(102px * var(--dscale)); --ch:calc(143px * var(--dscale)); }
.pc-wrap{width:var(--cw);height:var(--ch);perspective:900px}
.pc-in{animation:dealin .42s cubic-bezier(.2,.8,.25,1) both}
@keyframes dealin{
  0%{transform:translate(180px,-180px) rotate(22deg) scale(.92);opacity:0}
  100%{transform:translate(0,0) rotate(0) scale(1);opacity:1}
}
.pc-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;
  transition:transform .5s cubic-bezier(.4,.1,.2,1)}
.pc-flip.pc-down{transform:rotateY(180deg)}
.pc-face{position:absolute;inset:0;border-radius:9px;backface-visibility:hidden;
  -webkit-backface-visibility:hidden;overflow:hidden}
.pc-front{
  background:linear-gradient(150deg,#fffdf8,#f2ece0);
  border:1px solid rgba(0,0,0,0.12);
  box-shadow:0 6px 16px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(255,255,255,0.7);
  display:flex;flex-direction:column;justify-content:space-between;padding:7px 8px;
}
.pc-back{transform:rotateY(180deg)}
.pc-red{color:var(--red)}
.pc-black{color:#171310}
.pc-corner{display:flex;flex-direction:column;align-items:center;line-height:.92;width:fit-content}
.pc-rank{font-family:var(--f-disp);font-weight:700;font-size:calc(20px*var(--dscale))}
.pc-suit{font-size:calc(16px*var(--dscale));margin-top:1px}
.pc-tl{align-self:flex-start}
.pc-br{align-self:flex-end;transform:rotate(180deg)}
.pc-center{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(52px*var(--dscale));opacity:.9}
.pc-back-art{position:absolute;inset:6px;border-radius:6px;border:1.5px solid rgba(243,221,151,0.55)}
.cs-classic .pc-back{background:#7c1322}
.cs-classic .pc-back-art{
  background:
    repeating-linear-gradient(45deg, rgba(243,221,151,0.18) 0 3px, transparent 3px 8px),
    repeating-linear-gradient(-45deg, rgba(243,221,151,0.18) 0 3px, transparent 3px 8px),
    radial-gradient(circle at 50% 50%, rgba(243,221,151,0.22), transparent 60%);
}