:root{
  --gold:oklch(82% .14 85);
  --gold-soft:oklch(90% .08 90);
  --neon:oklch(78% .15 195);
  --pk-bg:#07090d;
  --pk-fg:#f5f5f5;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--pk-bg);color:var(--pk-fg)}
body.pk-page{font-family:Vazirmatn,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}
.font-display,.pk-title,.pk-brand,.pk-pot-val,.pk-table-name,.pk-modal-title{font-family:"Playfair Display",Cinzel,Georgia,serif}
.carbon-fiber{
  background-color:#12141a;
  background-image:
    linear-gradient(45deg,oklch(16% .01 260) 25%,transparent 25% 75%,oklch(16% .01 260) 75%),
    linear-gradient(45deg,oklch(16% .01 260) 25%,oklch(22% .01 260) 25% 75%,oklch(16% .01 260) 75%);
  background-position:0 0,3px 3px;
  background-size:6px 6px;
}
.active-ring{box-shadow:0 0 0 2px var(--neon),0 0 18px oklch(78% .15 195/.65),0 0 36px oklch(78% .15 195/.3)}
.text-gold{color:var(--gold)}

.pk-root{
  min-height:100dvh;
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%,oklch(28% .04 85/.35),transparent 55%),
    radial-gradient(ellipse at 50% 30%,oklch(22% .03 260),oklch(8% .02 260) 72%);
}
.pk-wrap{
  position:relative;
  width:100%;
  max-width:28rem;
  margin:0 auto;
  padding:1rem .85rem 1.25rem;
  display:flex;
  flex-direction:column;
  min-height:100dvh;
}
.pk-wrap-table{padding-bottom:.75rem}
@media (min-width:720px){
  .pk-wrap{max-width:36rem;padding:1.25rem 1rem 1.5rem}
}

.pk-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;flex-shrink:0;gap:.75rem}
.pk-brand-row{display:flex;align-items:center;gap:.55rem;min-width:0}
.pk-brand-ico{
  width:2.4rem;height:2.4rem;border-radius:.85rem;flex-shrink:0;
  background:linear-gradient(145deg,oklch(82% .14 85/.35),oklch(60% .12 70/.2));
  border:1px solid oklch(82% .14 85/.4);
  display:grid;place-items:center;color:var(--gold);font-size:1.15rem;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}
.pk-eyebrow{font-size:10px;letter-spacing:.22em;color:rgba(255,255,255,.48)}
.pk-brand{font-weight:700;font-size:.95rem;color:var(--gold);line-height:1.2}
.pk-blinds{font-size:.78rem!important;font-family:ui-monospace,Consolas,monospace!important;letter-spacing:.04em}
.pk-bal{text-align:left;direction:ltr;flex-shrink:0}
.pk-bal-label{font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.5);text-align:right;direction:rtl}
.pk-bal-val{font-size:.95rem;font-weight:800;color:#34d399;font-variant-numeric:tabular-nums}
.pk-sub{font-size:.78rem;color:rgba(255,255,255,.52);margin:0 0 .45rem;line-height:1.55;flex-shrink:0}
.pk-fee-note{font-size:.72rem;color:rgba(245,158,11,.85);margin:0 0 1rem;line-height:1.5;flex-shrink:0;text-align:center}
.pk-notice{background:rgba(16,185,129,.12);border:1px solid rgba(52,211,153,.35);color:#a7f3d0;border-radius:8px;padding:.55rem .75rem;margin:0 0 .75rem;font-size:.78rem;text-align:center;line-height:1.45}
.pk-back{
  appearance:none;border:0;width:2.35rem;height:2.35rem;border-radius:.8rem;
  background:rgba(255,255,255,.08);color:var(--gold);font-size:1.1rem;cursor:pointer;flex-shrink:0;
}
.pk-back:hover{background:rgba(255,255,255,.14)}

.pk-tables{display:flex;flex-direction:column;gap:.7rem}
.pk-table-card{
  appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  border-radius:1.1rem;border:1px solid oklch(82% .14 85/.32);
  background:linear-gradient(135deg,rgba(0,0,0,.62),rgba(20,16,8,.35));
  padding:1rem 1.05rem;text-align:right;color:inherit;font:inherit;cursor:pointer;
  backdrop-filter:blur(10px);transition:transform .15s,border-color .15s,box-shadow .15s;
  box-shadow:0 10px 28px -16px rgba(0,0,0,.85);
}
.pk-table-card:hover{border-color:oklch(82% .14 85/.55);box-shadow:0 14px 32px -14px oklch(82% .14 85/.25)}
.pk-table-card:active{transform:scale(.985)}
.pk-table-name{font-weight:700;font-size:1rem;color:var(--gold)}
.pk-table-meta{font-size:11px;color:rgba(255,255,255,.5);margin-top:.3rem}
.pk-table-seats{font-size:1rem;font-weight:800;direction:ltr;color:#fff}
.pk-table-seats-label{font-size:9px;color:rgba(255,255,255,.4);direction:rtl}
.pk-err{
  margin-bottom:.55rem;border-radius:999px;background:rgba(0,0,0,.55);
  border:1px solid rgba(248,113,113,.4);padding:.3rem .85rem;text-align:center;
  font-size:11px;color:#fca5a5;flex-shrink:0;
}
.pk-empty-state{flex:1;display:grid;place-items:center;color:rgba(255,255,255,.4);font-size:.875rem;padding:3rem 0}

/* —— oval table —— */
.pk-stage{position:relative;width:100%;margin:0 auto;aspect-ratio:3/4;max-height:min(68dvh,560px);perspective:1400px}
.pk-stage-inner{position:absolute;inset:0;transform:rotateX(12deg);transform-style:preserve-3d;transform-origin:50% 55%}
.pk-rim{
  position:absolute;inset:0;border-radius:45%;
  box-shadow:0 40px 70px -20px rgba(0,0,0,.92),0 0 0 2px oklch(.14 .01 260),inset 0 2px 0 rgba(255,255,255,.05);
}
.pk-gold-ring{
  position:absolute;inset:.45rem;border-radius:45%;
  background:linear-gradient(180deg,oklch(.92 .14 90),oklch(.62 .12 65) 38%,oklch(.35 .08 60) 62%,oklch(.88 .14 85));
  box-shadow:0 0 36px oklch(.82 .14 85/.4),inset 0 0 14px rgba(0,0,0,.35);
}
.pk-felt{
  position:absolute;inset:.95rem;border-radius:45%;overflow:hidden;
  background:radial-gradient(90% 70% at 50% 40%,oklch(44% .13 150),oklch(24% .09 150) 55%,oklch(12% .05 150));
  box-shadow:inset 0 0 80px rgba(0,0,0,.65),inset 0 8px 30px rgba(255,255,255,.06),inset 0 -20px 60px rgba(0,0,0,.55);
}
.pk-felt-line{
  position:absolute;inset:1.35rem;border-radius:45%;pointer-events:none;
  border:1px solid oklch(.82 .14 85/.16);
  box-shadow:inset 0 0 40px oklch(.82 .14 85/.08);
}
.pk-watermark{
  position:absolute;inset:0;display:grid;place-items:center;opacity:.06;pointer-events:none;
  font-family:"Playfair Display",serif;font-size:4.8rem;color:#fff;
}
.pk-center{
  position:absolute;inset-inline:0;top:42%;transform:translateY(-50%);
  display:flex;flex-direction:column;align-items:center;gap:.55rem;z-index:5;
}
.pk-pot{
  padding:.28rem .85rem;border-radius:999px;background:rgba(0,0,0,.58);
  border:1px solid oklch(.82 .14 85/.42);backdrop-filter:blur(8px);text-align:center;
}
.pk-pot-label{font-size:9px;letter-spacing:.32em;color:rgba(255,255,255,.62)}
.pk-pot-val{
  font-size:1.05rem;font-weight:700;color:var(--gold);direction:ltr;
  text-shadow:0 0 10px oklch(.82 .14 85/.7),0 0 22px oklch(.82 .14 85/.35);
}
.pk-board{display:flex;gap:.4rem;direction:ltr;min-height:3.6rem;align-items:center}
.pk-phase{margin-top:.15rem;font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.55)}

.pk-seat{position:absolute;transform:translate(-50%,-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:.2rem}
.pk-seat-btn{appearance:none;border:0;background:transparent;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:center;gap:.25rem;color:inherit}
.pk-seat-btn:disabled{opacity:.45;cursor:default}
.pk-empty{
  width:2.35rem;height:2.35rem;border-radius:999px;display:grid;place-items:center;font-weight:700;
  color:rgba(255,255,255,.45);border:2px dashed rgba(255,255,255,.28);background:rgba(0,0,0,.28);
}
.pk-empty-label{font-size:9px;color:rgba(255,255,255,.38)}
.pk-cards-row{display:flex;gap:3px;margin-bottom:.2rem;pointer-events:none}
.pk-cards-backs{opacity:.95}
.pk-pill{
  position:relative;border-radius:1rem;padding:.45rem .6rem .35rem;min-width:86px;
  backdrop-filter:blur(10px);background:rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.12);
  box-shadow:0 8px 20px -6px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.06);transition:box-shadow .2s,background .2s;
}
.pk-pill.active{background:rgba(0,0,0,.6)}
.pk-pill.you-pill{border-color:oklch(82% .14 85/.35)}
.pk-pill.folded{opacity:.4;filter:grayscale(1)}
.pk-name{font-size:11px;font-weight:600;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-name.you{color:var(--gold)}
.pk-stack{font-size:11px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;direction:ltr}
.pk-dealer{
  position:absolute;top:-.4rem;left:-.4rem;width:1.3rem;height:1.3rem;border-radius:999px;
  background:#fff;color:#111;font-size:10px;font-weight:800;display:grid;place-items:center;
  box-shadow:0 4px 12px rgba(0,0,0,.45);z-index:10;
}
.pk-bet-chip{
  position:absolute;transform:translate(-50%,-50%);z-index:15;
  padding:.18rem .55rem;border-radius:999px;background:rgba(0,0,0,.65);
  border:1px solid oklch(.82 .14 85/.45);backdrop-filter:blur(4px);
  font-size:10px;color:var(--gold);font-family:ui-monospace,monospace;direction:ltr;
  box-shadow:0 4px 12px rgba(0,0,0,.4);
}
.pk-fold-tag{
  font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#fca5a5;font-weight:800;
  background:rgba(0,0,0,.75);padding:.12rem .4rem;border-radius:.25rem;margin-top:.15rem;display:inline-block;
}

/* cards */
.pk-card{
  width:2.15rem;height:3.05rem;border-radius:.4rem;overflow:hidden;
  border:1px solid oklch(.82 .14 85/.55);background:#fff;
  box-shadow:0 6px 14px rgba(0,0,0,.55);flex-shrink:0;
}
.pk-card-md{width:2.55rem;height:3.55rem;border-radius:.45rem}
.pk-card-lg{width:2.85rem;height:4rem;border-radius:.5rem}
.pk-card img,.pk-card-svg{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;user-select:none;background:#fff}
.pk-card-empty{
  width:2.85rem;height:4rem;border-radius:.5rem;border:1px dashed rgba(255,255,255,.22);
  background:rgba(0,0,0,.22);flex-shrink:0;
}

.pk-timer{
  text-align:center;font-size:11px;min-height:1.1em;margin:.1rem 0 .35rem;
  color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums;letter-spacing:.06em;
}
.pk-timer.warn{color:#fca5a5;font-weight:800}

.pk-actions{margin-top:.85rem;display:flex;flex-direction:column;gap:.65rem;flex-shrink:0}
.pk-actions-idle{align-items:center}
.pk-wait-msg{font-size:12px;color:rgba(255,255,255,.45)}
.pk-raise-row{display:flex;flex-direction:column;gap:.45rem}
.pk-raise-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(255,255,255,.5)}
.pk-raise-val{color:var(--gold);font-weight:800;direction:ltr;font-variant-numeric:tabular-nums}
.pk-slider{
  -webkit-appearance:none;appearance:none;
  width:100%;height:2rem;margin:0;padding:0;
  background:transparent;cursor:pointer;touch-action:none;
  direction:ltr;
}
.pk-slider:focus{outline:none}
.pk-slider::-webkit-slider-runnable-track{
  height:8px;border-radius:999px;
  background:rgba(255,255,255,.16);
}
.pk-slider::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:28px;height:28px;margin-top:-10px;border-radius:50%;
  background:linear-gradient(145deg,oklch(.92 .14 90),oklch(.68 .15 70));
  border:2px solid rgba(255,255,255,.55);
  box-shadow:0 4px 12px rgba(0,0,0,.45);
}
.pk-slider::-moz-range-track{
  height:8px;border-radius:999px;background:rgba(255,255,255,.16);
}
.pk-slider::-moz-range-thumb{
  width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.55);
  background:linear-gradient(145deg,oklch(.92 .14 90),oklch(.68 .15 70));
  box-shadow:0 4px 12px rgba(0,0,0,.45);
}
.pk-btn-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}
.pk-act{
  appearance:none;border:0;min-height:3.55rem;border-radius:1rem;font:inherit;font-weight:800;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;
  transition:filter .15s,transform .1s;padding:.35rem .25rem;
}
.pk-act:active:not(:disabled){transform:scale(.97)}
.pk-act:disabled{opacity:.38;cursor:not-allowed}
.pk-act-ico{font-size:1rem;line-height:1}
.pk-act-fold{border:1px solid rgba(239,68,68,.45);background:rgba(239,68,68,.12);color:#fca5a5}
.pk-act-fold:hover:not(:disabled){background:rgba(239,68,68,.2)}
.pk-act-call{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff}
.pk-act-call:hover:not(:disabled){background:rgba(255,255,255,.18)}
.pk-act-raise{
  color:#111;
  background:linear-gradient(135deg,oklch(.92 .14 90),oklch(.68 .15 70));
  box-shadow:0 10px 22px -6px oklch(.82 .14 85/.55),inset 0 1px 0 rgba(255,255,255,.55);
}
.pk-stand{
  appearance:none;border:0;background:transparent;color:rgba(255,255,255,.42);
  font:inherit;font-size:11px;text-align:center;cursor:pointer;padding:.35rem;
}
.pk-stand:hover{color:rgba(255,255,255,.72)}

.pk-modal{
  position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.72);backdrop-filter:blur(8px);padding:1rem;
}
.pk-modal-box{
  width:100%;max-width:22rem;border-radius:1.25rem;border:1px solid oklch(.82 .14 85/.35);
  background:linear-gradient(160deg,#16121a,#0a0a0c);padding:1.35rem;text-align:center;
  box-shadow:0 24px 60px rgba(0,0,0,.65);
}
.pk-modal-title{font-size:1.15rem;font-weight:700;color:var(--gold);margin:0 0 .5rem}
.pk-modal-sub{font-size:.75rem;color:rgba(255,255,255,.6);margin:0 0 .85rem}
.pk-modal input{
  width:100%;border-radius:.85rem;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);color:var(--gold);padding:.7rem;text-align:center;
  font:inherit;font-weight:700;outline:none;margin-bottom:.75rem;
}
.pk-modal-go{
  appearance:none;width:100%;border:0;border-radius:.85rem;padding:.8rem;font:inherit;font-weight:900;
  color:#111;cursor:pointer;background:linear-gradient(135deg,oklch(.86 .16 88),oklch(.62 .14 70));
}
.pk-modal-cancel{appearance:none;width:100%;margin-top:.55rem;border:0;background:transparent;color:rgba(255,255,255,.45);font:inherit;font-size:.75rem;cursor:pointer}

.pk-winners{
  position:absolute;inset:0;z-index:40;display:grid;place-items:center;
  background:rgba(0,0,0,.5);border-radius:45%;pointer-events:none;
}
.pk-winners-box{
  padding:.85rem 1.1rem;border-radius:1rem;background:rgba(0,0,0,.78);
  border:1px solid oklch(.82 .14 85/.4);text-align:center;font-size:.8rem;
}
.pk-winners-box strong{color:var(--gold);display:block;margin-bottom:.35rem;font-family:"Playfair Display",serif}