/* أوراق اللعب المشتركة */
.pc {
  --w: var(--cw, 64px);
  position: relative; flex: none; width: var(--w); height: calc(var(--w) * 1.4);
  border-radius: calc(var(--w) * .1); direction: ltr;
  background: linear-gradient(160deg, #fdf9ef, #ebe1c9); color: #1d1a16;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.45);
  font-family: var(--font); user-select: none; -webkit-user-select: none;
  transition: transform .15s, box-shadow .15s, opacity .15s;
}
.pc.red { color: #b8352a; }
.pc i {
  position: absolute; top: 3%; left: 7%; font-style: normal; font-weight: 600;
  font-size: calc(var(--w) * .27); line-height: 1; letter-spacing: -.04em;
  display: flex; align-items: center; gap: 1px; white-space: nowrap;
}
.pc i b { font-weight: 400; font-size: .92em; }
.pc i.rv { top: auto; left: auto; bottom: 3%; right: 7%; transform: rotate(180deg); }
.pc em {
  position: absolute; inset: 26% 10% 14%; display: grid; place-items: center;
  font-style: normal; font-size: calc(var(--w) * .58); line-height: 1;
}
.pc em.ace { font-size: calc(var(--w) * .78); }
.pc em.face {
  font-family: var(--display); font-weight: 700; font-size: calc(var(--w) * .46);
  border: 1px solid currentColor; border-radius: calc(var(--w) * .06);
  background: rgba(201,168,106,.16); display: flex; flex-direction: column; justify-content: center; gap: 0;
}
.pc em.face b { font-family: var(--font); font-weight: 400; font-size: .6em; line-height: 1; }
.pc.back {
  background:
    radial-gradient(circle at 50% 50%, rgba(243,226,179,.55) 0 9%, transparent 10% 17%, rgba(201,168,106,.35) 18% 19%, transparent 20%),
    repeating-linear-gradient(45deg, rgba(201,168,106,.22) 0 2px, transparent 2px 7px),
    repeating-linear-gradient(-45deg, rgba(201,168,106,.22) 0 2px, transparent 2px 7px),
    linear-gradient(160deg, #2a2216, #15110c);
  box-shadow: inset 0 0 0 calc(var(--w) * .05) #efe5cc, inset 0 0 0 calc(var(--w) * .065) #8a6d3b, 0 2px 6px rgba(0,0,0,.45);
}
.pc.hint { box-shadow: 0 0 0 3px var(--gold-l), 0 0 18px rgba(243,226,179,.7); }
.pc.no { animation: pcno .3s; }
@keyframes pcno { 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } }
.pc-slot {
  width: var(--cw, 64px); height: calc(var(--cw, 64px) * 1.4); border-radius: calc(var(--cw, 64px) * .1);
  border: 1.5px dashed rgba(201,168,106,.35); display: grid; place-items: center;
  color: rgba(201,168,106,.45); font-size: calc(var(--cw, 64px) * .5); position: relative;
}
.felt {
  background: radial-gradient(ellipse at 50% 40%, #1d4433, #0f261c 70%, #0b1c15);
  border: 1px solid rgba(201,168,106,.35); border-radius: 20px;
  box-shadow: inset 0 0 40px rgba(0,0,0,.55);
}
.cbtn { background: var(--panel2); color: var(--text); border: 1px solid var(--line); border-radius: 999px; padding: 7px 16px; cursor: pointer; font: inherit; font-size: .85rem; }
.cbtn:hover:not(:disabled) { border-color: var(--line2); color: var(--gold-l); }
.cbtn:disabled { opacity: .4; cursor: default; }
.cbtn.on { background: var(--gold); color: var(--ink); border-color: var(--gold); }
.ctl { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; align-items: center; }