/* 3 Card Poker: reuses the Blackjack table styles (bj.css); only the differences live here */
#tpSub { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#tpSpk.on, #tpMic.on { color: var(--brand); background: var(--surface-2); }
.bjc-pill .tpc-unread { background: var(--err); border-radius: 999px; padding: 0 5px; font-size: 10px; font-weight: 800; }
.bj.tcp .betbox .ctl-row { margin-top: 6px; } .bj.tcp #tpPlace { padding-top: 9px; padding-bottom: 9px; }

/* the single deck on the table */
.shoe.deck .deck-box { position: relative; width: 30px; height: 40px; }
.shoe.deck .deck-box i { position: absolute; inset: 0; border-radius: 4px; border: 1.5px solid rgba(243,196,107,.8);
  background: repeating-linear-gradient(45deg, #7b1e2e 0 4px, #5a1220 4px 8px); box-shadow: 0 2px 4px rgba(0,0,0,.35); }
.shoe.deck .deck-box i:nth-child(2) { transform: translate(-2px, -2px); }
.shoe.deck .deck-box i:nth-child(3) { transform: translate(-4px, -4px); }

/* seat cards / tags */
.tcp .mh.folded .pcard { filter: grayscale(.8) brightness(.7); }
.hres.r-nq { background: var(--gold); color: #3b2200; }
.hres.r-fold { background: #4b5563; color: #fff; }
.hres.r-play { background: #1d4ed8; color: #fff; }
.hres.r-think { background: rgba(0,0,0,.55); color: #fff; animation: glow 1.2s ease-in-out infinite; }
.schip em { font-style: normal; font-size: 8.5px; opacity: .85; margin: 0 1px 0 3px; color: #7b1e2e; }
.dl-tot .nq { color: #ffd9a0; }
.dl-tot.bust { background: rgba(0,0,0,.55); }

/* my hand */
.bjh.tcp-mine.folded .bjh-cards { filter: grayscale(.8) brightness(.75); }
.bjh.tcp-mine.r-win, .bjh.tcp-mine.r-nq { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(243,196,107,.25); }
.bjh.tcp-mine .bjh-info { flex-wrap: wrap; }
.bjh.tcp-mine .bjh-cards .pcard + .pcard { margin-left: -10px; }
.bj.tcp .bj-me .bjh-cards .pcard.art + .pcard.art { margin-left: -14px; }

/* play / fold */
.tcp-acts { grid-template-columns: 1fr 1.4fr; margin-top: 10px; }
.tcp-acts .btn { padding: 14px 8px; font-size: 16px; font-weight: 800; }

/* enter animation: three cards */
.tcp-enter-cards { width: 170px; }
.tcp-enter-cards .e3 { left: 33px; top: -8px; z-index: 1; animation: e2 .8s .05s var(--ease) both; }
.tcp-enter-cards .e2 { left: 92px; }

/* lobby room cards (the game card colour is set in bt.css) */
.tcp-room .bjr-felt { background: radial-gradient(ellipse at 50% 0, #a3304a, #4a0f1a 80%); }

/* history */
.tcp-hist { padding: 8px 0; border-bottom: 1px solid var(--line); }
.tcp-hist .red { color: #c0283c; }
.tcp-hist b.pos { color: var(--ok); } .tcp-hist b.neg { color: var(--err); }

/* edge seats: keep the bet / result pills inside the table */
.tcp .seat.edge-l .schip { transform: translateX(calc(50% - 29px)); }
.tcp .seat.edge-r .schip { transform: translateX(calc(-50% + 29px)); }
.tcp .mh .tot { white-space: nowrap; }
.bj.tcp .bj-me .bjh-cards .pcard { width: 46px; height: 66px; }
.bj.tcp .bj-me .bjh { padding: 4px 8px; }