/* Bluff Pişti: the table furniture and states only Bluff Pişti has (public/games/pisti.js) */

/* the rank picker over your name plate, while you choose what to say */
.rank-pick {
  position: absolute; left: 50%; top: 0; z-index: 450; transform: translate(-50%, -100%) scale(var(--ui)); transform-origin: 50% 100%;
  padding: 8px 10px 10px; border-radius: 14px; background: rgba(6, 16, 11, 0.95); box-shadow: inset 0 0 0 1px var(--line-strong), 0 14px 34px rgba(0, 0, 0, 0.55);
  opacity: 0; pointer-events: none; transition: opacity 0.2s, transform 0.25s var(--ease);
}
.rank-pick.on { opacity: 1; pointer-events: auto; }
#table.picking .banner { opacity: 0; transition: opacity 0.15s; }
.rp-head { display: flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--display); font-style: italic; font-weight: 700; font-size: 16px; color: var(--gold); margin-bottom: 7px; }
.rp-grid { display: grid; grid-template-columns: repeat(7, 42px); gap: 5px; justify-content: center; }
.rp-r {
  position: relative; display: grid; place-items: center; align-content: center; height: 46px; border-radius: 9px; color: var(--ink);
  background: rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px var(--line); transition: background 0.15s, transform 0.15s;
}
.rp-r b { font-family: var(--display); font-weight: 800; font-size: 20px; line-height: 1; font-variant-numeric: lining-nums; }
.rp-r small { max-width: 100%; overflow: hidden; white-space: nowrap; font-size: 11px; font-weight: 700; font-style: italic; color: var(--ink-faint); line-height: 1.1; margin-top: 2px; }
.rp-r:hover { background: rgba(232, 194, 108, 0.14); transform: translateY(-2px); }
.rp-r.truth { box-shadow: inset 0 0 0 2px var(--gold); }
.rp-r.truth small { color: var(--gold); }
.rp-r.take { background: rgba(95, 211, 150, 0.12); }
.rp-r.take small { color: #8fe3b4; }
.rp-r.pisti { background: rgba(95, 211, 150, 0.2); box-shadow: inset 0 0 0 1px rgba(143, 227, 180, 0.6); }
.rp-r.truth.take, .rp-r.truth.pisti { box-shadow: inset 0 0 0 2px var(--gold), 0 0 12px rgba(143, 227, 180, 0.35); }
@media (max-width: 420px) { .rp-grid { grid-template-columns: repeat(7, 40px); gap: 4px; } .rp-r { height: 44px; } .rp-r small { font-size: 10px; } }

/* name plate badges: team, cards taken, piştis, "believes it" */
.plate .bd .pi-won { display: inline-flex; align-items: center; gap: 3px; font-weight: 700; color: var(--ink-dim); }
.plate .bd .pi-won::before { content: ''; width: 9px; height: 12px; border-radius: 2px; background: linear-gradient(135deg, #b2263a, #6d1020); box-shadow: 0 0 0 1px #f2e6c8, 1.5px 1.5px 0 0 rgba(242, 230, 200, 0.5); }
.plate .bd .pi-pisti { font-family: var(--display); font-weight: 900; font-style: italic; font-size: 12px; line-height: 1.3; color: #1c1404; background: var(--gold); padding: 0 6px; border-radius: 99px; }
.plate .bd .pi-team { font-family: var(--display); font-weight: 900; font-size: 11px; line-height: 1.5; width: 17px; text-align: center; border-radius: 5px; color: #08130e; }
.plate .bd .pi-team.t0 { background: #7fc6f0; }
.plate .bd .pi-team.t1 { background: #f29a9a; }
.plate.team-0 { box-shadow: inset 0 0 0 1.5px rgba(127, 198, 240, 0.55), 0 4px 12px rgba(0, 0, 0, 0.35); }
.plate.team-1 { box-shadow: inset 0 0 0 1.5px rgba(242, 154, 154, 0.55), 0 4px 12px rgba(0, 0, 0, 0.35); }

/* a caught bluffer's pile goes to them dead */
.card.burnt .face { filter: grayscale(0.7) brightness(0.7); box-shadow: 0 0 0 2px var(--red), 0 0 18px rgba(255, 60, 60, 0.6) !important; }
.stamp.pisti { background: radial-gradient(circle, rgba(232, 194, 108, 0.32), transparent 60%); }
.stamp.pisti span { background: linear-gradient(180deg, #f0d189, #c18f32); color: #2a1904; border-color: #fff3cf; text-shadow: 0 3px 0 rgba(255, 243, 207, 0.6); box-shadow: 0 0 0 0.03em #6d4a0c, 0 30px 80px rgba(0, 0, 0, 0.6); }
.stamp.pisti small { text-shadow: none; }