@scope ([data-iw4m-plugin="Credify"]) to ([data-iw4m-host]) {
/*
 * Credify Poker table styling. Bespoke `.pk-*` classes, served at /_content/credify/poker/poker.css.
 * The page also loads blackjack.css so the shared CardView (`.bj-card*`) renders identically.
 */

.pk-felt {
    background:
        radial-gradient(130% 110% at 50% -10%, #134a3a 0%, #0c3528 45%, #051a14 100%);
    border-radius: 1rem;
    box-shadow: inset 0 0 130px rgba(0, 0, 0, 0.55);
}

.pk-chip-stat {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.7rem;
    border-radius: 9999px;
    background: rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-weight: 700;
    font-size: 0.85rem;
}
.pk-muted { color: rgba(255, 255, 255, 0.5); font-weight: 500; }

.pk-panel {
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.9rem;
    padding: 1.25rem;
}

/* ── board / pot ───────────────────────────────────────────────────── */
.pk-board {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem;
    border-radius: 1rem;
    background: radial-gradient(120% 130% at 50% 0%, rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.25));
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.pk-pot {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 1rem;
    border-radius: 9999px;
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(252, 211, 77, 0.3);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    color: #fcd34d;
}
.pk-community { display: flex; gap: 0.5rem; min-height: 6rem; perspective: 900px; }
.pk-community-empty { color: rgba(255, 255, 255, 0.35); font-size: 0.85rem; align-self: center; }

.pk-status {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.9rem;
    border-radius: 9999px;
    font-weight: 700;
    font-size: 0.85rem;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* ── seats ─────────────────────────────────────────────────────────── */
.pk-seats { display: grid; grid-template-columns: 1fr; gap: 0.5rem; }
@media (min-width: 640px) { .pk-seats { grid-template-columns: 1fr 1fr; } }

.pk-seat {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.75rem;
    border-radius: 0.8rem;
    background: rgba(0, 0, 0, 0.26);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.pk-seat-active {
    border-color: rgba(252, 211, 77, 0.6);
    box-shadow: 0 0 0 1px rgba(252, 211, 77, 0.4), 0 0 22px rgba(252, 211, 77, 0.25);
}
.pk-seat-me { background: rgba(252, 211, 77, 0.06); }
.pk-seat-folded { opacity: 0.45; }

.pk-seat-head { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.pk-seat-name { display: inline-flex; align-items: center; gap: 0.4rem; font-weight: 600; font-size: 0.9rem; }
.pk-seat-chips { font-variant-numeric: tabular-nums; font-weight: 700; color: #6ee7b7; font-size: 0.85rem; }

.pk-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.3rem;
    border-radius: 9999px;
    font-size: 0.6rem;
    font-weight: 800;
    color: #18181b;
}
.pk-badge-d { background: #fafafa; }
.pk-badge-sb { background: #93c5fd; }
.pk-badge-bb { background: #fcd34d; }
.pk-badge-allin { background: #fb923c; color: #fff; }
.pk-badge-fold { background: rgba(255,255,255,0.1); color: #d4d4d8; }

.pk-seat-cards { display: flex; gap: 0.4rem; min-height: 5rem; align-items: center; }
.pk-bet {
    align-self: flex-start;
    font-size: 0.75rem;
    color: #fcd34d;
    font-variant-numeric: tabular-nums;
}
.pk-hand-name { font-size: 0.75rem; color: #a5f3c4; font-weight: 600; }
.pk-last { font-size: 0.7rem; color: rgba(255,255,255,0.4); text-transform: lowercase; }

/* ── controls ──────────────────────────────────────────────────────── */
.pk-controls { min-height: 4.5rem; }

.pk-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 1.1rem;
    border-radius: 0.7rem;
    font-weight: 700;
    border: 1px solid transparent;
    color: #fff;
    transition: transform 0.08s ease, filter 0.15s ease;
}
.pk-btn:not(:disabled):hover { filter: brightness(1.12); transform: translateY(-1px); }
.pk-btn:disabled { opacity: 0.45; cursor: not-allowed; }
.pk-btn-fold { background: rgba(244, 63, 94, 0.8); }
.pk-btn-check { background: rgba(255, 255, 255, 0.1); border-color: rgba(255,255,255,0.15); }
.pk-btn-call { background: linear-gradient(180deg, #10b981, #047857); }
.pk-btn-raise { background: var(--color-action-primary, #6366f1); }
.pk-btn-allin { background: linear-gradient(180deg, #f59e0b, #b45309); }
.pk-btn-primary { background: var(--color-action-primary, #6366f1); box-shadow: 0 6px 16px rgba(99,102,241,0.35); }
.pk-btn-ghost { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.14); }

.pk-raise-row { display: flex; align-items: center; gap: 0.6rem; }
.pk-raise-range { flex: 1; }
.pk-raise-val { min-width: 4rem; text-align: right; font-weight: 800; color: #fcd34d; font-variant-numeric: tabular-nums; }

.pk-buyin {
    width: 100%;
    max-width: 16rem;
    background: rgba(0,0,0,0.3);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.pk-turn-timer { font-variant-numeric: tabular-nums; color: #fcd34d; font-weight: 800; }

}