/* ===== RESET ===== */
#pk-wrap,#pk-wrap *{box-sizing:border-box;font-family:'Inter',Arial,sans-serif;margin:0;padding:0;}
#pk-action-bar,#pk-action-bar *{box-sizing:border-box;font-family:'Inter',Arial,sans-serif;}

/* ===== FULL SCREEN WRAPPER ===== */
#pk-wrap{
    width:100%;height:100vh;
    display:flex;flex-direction:column;
    overflow:hidden;
    background:radial-gradient(ellipse at 50% 30%,#2a1a08 0%,#0e0804 40%,#050302 100%);
    position:relative;
}
#pk-wrap::before{
    content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:
        radial-gradient(1.2px 1.2px at 8% 12%,rgba(255,215,0,.7),transparent),
        radial-gradient(1px 1px at 15% 55%,rgba(255,255,255,.35),transparent),
        radial-gradient(1.5px 1.5px at 22% 8%,rgba(255,215,0,.5),transparent),
        radial-gradient(1px 1px at 35% 42%,rgba(255,200,100,.3),transparent),
        radial-gradient(1.2px 1.2px at 48% 5%,rgba(255,215,0,.55),transparent),
        radial-gradient(1px 1px at 55% 68%,rgba(255,255,255,.25),transparent),
        radial-gradient(1.5px 1.5px at 65% 15%,rgba(255,215,0,.6),transparent),
        radial-gradient(1px 1px at 72% 50%,rgba(255,200,100,.3),transparent),
        radial-gradient(1.2px 1.2px at 80% 10%,rgba(255,215,0,.5),transparent),
        radial-gradient(1px 1px at 88% 60%,rgba(255,255,255,.3),transparent),
        radial-gradient(1.5px 1.5px at 92% 8%,rgba(255,215,0,.65),transparent),
        radial-gradient(1px 1px at 50% 90%,rgba(255,200,100,.2),transparent),
        radial-gradient(1.2px 1.2px at 30% 75%,rgba(255,215,0,.4),transparent),
        radial-gradient(1px 1px at 70% 80%,rgba(255,255,255,.2),transparent);
}
#pk-wrap::after{
    content:'';position:absolute;top:-8vh;left:50%;transform:translateX(-50%);
    width:40vw;height:20vh;
    background:radial-gradient(ellipse,rgba(255,200,50,.25) 0%,transparent 70%);
    pointer-events:none;z-index:0;
}

/* ===== TABLE AREA ===== */
#pk-table-area{
    flex:1;display:flex;align-items:center;justify-content:center;
    position:relative;z-index:1;padding:1vh 2vw;min-height:0;
}

/* ===== OVAL TABLE ===== */
#pk-table{
    width:min(72vw,120vh);aspect-ratio:1.9/1;max-height:70vh;
    border-radius:50%;
    background:radial-gradient(ellipse at 50% 40%,#1d8348 0%,#145a32 50%,#0b3d22 100%);
    border:clamp(4px,0.8vw,10px) solid #8b5e20;
    box-shadow:0 0 0 clamp(2px,.35vw,4px) #c8a040,0 0 0 clamp(5px,.8vw,10px) #5a3510,0 0 0 clamp(7px,1.1vw,14px) #c8a040,0 2vh 6vh rgba(0,0,0,.9),inset 0 0 8vh rgba(0,0,0,.5);
    position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;
}
#pk-table::before{content:'';position:absolute;inset:clamp(6px,1.2vw,14px);border-radius:50%;border:2px solid rgba(200,160,60,.3);pointer-events:none;}

/* ===== POT ===== */
#pk-pot{text-align:center;position:absolute;top:8%;left:50%;transform:translateX(-50%);z-index:5;white-space:nowrap;}
#pk-pot-label{font-size:clamp(14px,2.2vw,28px);font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);}
#pk-call-label{font-size:clamp(9px,1.2vw,16px);font-weight:700;color:#fcc201;margin-top:2px;}

/* ===== COMMUNITY ===== */
#pk-community{display:flex;gap:clamp(3px,.6vw,8px);align-items:center;justify-content:center;margin-top:1vh;}
#pk-phase-info{font-size:clamp(8px,.9vw,13px);font-weight:600;color:rgba(255,255,255,.55);margin-top:1vh;padding:2px clamp(8px,1.2vw,16px);border-top:1px solid rgba(252,194,1,.25);border-bottom:1px solid rgba(252,194,1,.25);display:inline-block;background:rgba(0,0,0,.2);border-radius:12px;}

/* ===== PLAYER SLOTS ===== */
.pk-bot{position:absolute;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1px;}
.pk-bot-cards{display:flex;margin-bottom:clamp(-4px,-.5vw,-6px);position:relative;z-index:1;}
.pk-bot-card-back{width:clamp(18px,2.6vw,34px);height:clamp(24px,3.6vw,46px);background:linear-gradient(135deg,#b22222,#6a0000);border:1.5px solid #e0a0a0;border-radius:3px;box-shadow:0 2px 6px rgba(0,0,0,.7);position:relative;overflow:hidden;}
.pk-bot-card-back::after{content:'';position:absolute;inset:2px;border:1px solid rgba(255,200,200,.25);border-radius:2px;background:repeating-linear-gradient(45deg,rgba(255,100,100,.08) 0px,rgba(255,100,100,.08) 2px,transparent 2px,transparent 6px);}
.pk-bot-card-back:first-child{transform:rotate(-8deg) translateY(2px);}
.pk-bot-card-back:last-child{transform:rotate(8deg);}
.pk-bot-info{background:rgba(10,10,10,.92);border:1.5px solid rgba(212,175,55,.45);border-radius:50px;padding:clamp(2px,.4vw,5px) clamp(8px,1.2vw,16px);text-align:center;min-width:clamp(70px,9vw,120px);z-index:2;position:relative;box-shadow:0 4px 14px rgba(0,0,0,.7);}
.pk-bot-name{font-size:clamp(8px,.85vw,13px);font-weight:800;color:#fff;}
.pk-bot-chips{font-size:clamp(7px,.7vw,11px);color:rgba(255,255,255,.55);margin-top:1px;}
.pk-bot-bet{font-size:clamp(7px,.7vw,11px);color:#fcc201;font-weight:700;margin-top:1px;}
.pk-chip-stack{display:flex;gap:2px;margin-top:2px;}
.pk-chip-dot{width:clamp(6px,.7vw,10px);height:clamp(6px,.7vw,10px);border-radius:50%;border:1.5px solid rgba(255,255,255,.3);box-shadow:0 1px 3px rgba(0,0,0,.5);}

/* Positions */
.pk-bot-1{top:-14%;left:14%;}
.pk-bot-3{top:-16%;left:50%;transform:translateX(-50%);}
.pk-bot-4{top:-14%;right:14%;}
.pk-bot-2{top:28%;left:-16%;}
.pk-bot-5{top:28%;right:-16%;}

/* ===== PLAYER AREA ===== */
#pk-player-area{position:absolute;bottom:-8%;left:50%;transform:translateX(-50%);text-align:center;z-index:10;}
#pk-player-cards-table{display:flex;gap:clamp(3px,.5vw,6px);margin-bottom:3px;justify-content:center;}
#pk-hand-eval{background:rgba(10,10,10,.88);border:1.5px solid rgba(212,175,55,.45);border-radius:50px;padding:clamp(2px,.3vw,4px) clamp(10px,1.4vw,20px);font-size:clamp(8px,.9vw,14px);font-weight:700;color:#fff;display:inline-flex;align-items:center;gap:clamp(3px,.5vw,6px);white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.7);}
#pk-hand-dot{width:clamp(5px,.6vw,8px);height:clamp(5px,.6vw,8px);border-radius:50%;background:#2ecc71;display:inline-block;}
#pk-turn-badge{background:rgba(10,10,10,.88);border:1px solid rgba(255,255,255,.25);border-radius:0 0 8px 8px;padding:clamp(1px,.2vw,3px) clamp(10px,1.4vw,20px);font-size:clamp(7px,.8vw,12px);font-weight:700;color:#fff;display:inline-block;margin-top:-1px;}

/* ===== CARDS ===== */
.pk-card{width:clamp(36px,4.8vw,72px);height:clamp(50px,6.6vw,98px);background:#fff;border-radius:clamp(3px,.5vw,7px);border:2px solid #ddd;box-shadow:0 4px 14px rgba(0,0,0,.55);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;position:relative;overflow:hidden;animation:pkCardDeal .3s ease-out;cursor:default;vertical-align:middle;}
.pk-card.red-card{color:#c0392b;}
.pk-card.black-card{color:#111;}
.pk-card .cv{font-size:clamp(10px,1.3vw,20px);line-height:1;}
.pk-card .cs{font-size:clamp(12px,1.6vw,24px);line-height:1;}
.pk-card .ct{position:absolute;top:2px;left:3px;font-size:clamp(6px,.7vw,11px);font-weight:800;line-height:1;}
.pk-card .cb{position:absolute;bottom:2px;right:3px;font-size:clamp(6px,.7vw,11px);font-weight:800;line-height:1;transform:rotate(180deg);}
.pk-card-placeholder{width:clamp(36px,4.8vw,72px);height:clamp(50px,6.6vw,98px);border-radius:clamp(3px,.5vw,7px);border:2px dashed rgba(255,255,255,.15);background:rgba(255,255,255,.03);display:inline-block;vertical-align:middle;}
@keyframes pkCardDeal{0%{transform:translateY(-20px) scale(.8);opacity:0;}100%{transform:translateY(0) scale(1);opacity:1;}}

/* Player cards on table (larger) */
#pk-player-cards-table .pk-card{width:clamp(40px,5.5vw,80px);height:clamp(56px,7.5vw,110px);}
#pk-player-cards-table .pk-card .cv{font-size:clamp(12px,1.6vw,24px);}
#pk-player-cards-table .pk-card .cs{font-size:clamp(14px,1.8vw,28px);}
#pk-player-cards-table .pk-card .ct{font-size:clamp(7px,.85vw,13px);}
#pk-player-cards-table .pk-card .cb{font-size:clamp(7px,.85vw,13px);}

/* ===== ACTION BAR ===== */
#pk-action-bar{width:100%;display:flex;align-items:center;justify-content:center;padding:clamp(6px,1.2vh,16px) clamp(10px,2vw,24px);background:linear-gradient(to top,#08060a 0%,#151020 100%);border-top:2px solid rgba(200,160,60,.35);position:relative;z-index:20;gap:clamp(6px,1vw,14px);flex-shrink:0;flex-wrap:wrap;}
#pk-wallet-display{color:#fcc201;font-weight:800;font-size:clamp(11px,1.3vw,18px);white-space:nowrap;}

/* Buttons */
.pk-btn{border:none;border-radius:8px;padding:clamp(8px,1.2vh,14px) clamp(14px,2vw,30px);font-weight:900;font-size:clamp(11px,1.2vw,18px);cursor:pointer;transition:filter .15s,transform .1s;font-family:'Inter',sans-serif;white-space:nowrap;}
.pk-btn:hover{filter:brightness(1.15);}
.pk-btn:active{transform:translateY(2px);}
.pk-btn:disabled{filter:grayscale(.6) !important;cursor:not-allowed !important;}

#pk-btn-deal{background:linear-gradient(135deg,#f1c40f,#c57d00);color:#111;border:3px solid rgba(255,255,255,.55);border-radius:12px;padding:clamp(8px,1.2vh,18px) clamp(20px,3vw,55px);font-size:clamp(12px,1.4vw,22px);box-shadow:0 6px 24px rgba(200,150,0,.45);}
#pk-btn-call{background:linear-gradient(to bottom,#27ae60,#1a8a42);color:#fff;border:2px solid rgba(167,230,180,.6);box-shadow:0 4px 16px rgba(30,180,60,.35);}
#pk-btn-raise{background:rgba(25,25,45,.9);color:#fff;border:2px solid rgba(200,160,60,.5);box-shadow:0 4px 12px rgba(0,0,0,.5);}
#pk-btn-fold{background:linear-gradient(to bottom,#c0392b,#962020);color:#fff;border:2px solid rgba(255,150,150,.35);box-shadow:0 4px 16px rgba(180,30,30,.35);}

.pk-raise-adj{width:clamp(24px,2.8vw,38px);height:clamp(24px,2.8vw,38px);background:rgba(50,50,70,.9);border:1.5px solid rgba(200,160,60,.4);border-radius:50%;color:#fff;font-size:clamp(12px,1.4vw,20px);font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:filter .15s;font-family:'Inter',sans-serif;}
.pk-raise-adj:hover{filter:brightness(1.3);}
#pk-raise-amount{background:rgba(25,25,45,.9);border:1.5px solid rgba(200,160,60,.4);border-radius:6px;color:#fff;font-weight:800;font-size:clamp(10px,1.1vw,16px);padding:clamp(4px,.6vh,10px) clamp(6px,.8vw,14px);min-width:clamp(36px,4vw,65px);text-align:center;display:inline-block;}

#pk-ante-wrap{display:flex;align-items:center;gap:clamp(4px,.6vw,8px);}
#pk-ante-label{color:rgba(255,255,255,.6);font-size:clamp(9px,.9vw,14px);font-weight:600;}
#pk-ante-select{background:rgba(20,20,40,.9);border:1.5px solid rgba(200,160,60,.4);color:#fcc201;font-weight:700;font-size:clamp(9px,.9vw,14px);border-radius:6px;padding:clamp(3px,.4vh,6px) clamp(4px,.6vw,10px);cursor:pointer;font-family:'Inter',sans-serif;}

/* Action bar cards */
#pk-player-cards-bar{display:flex;flex-direction:column;align-items:center;gap:2px;}
#pk-player-cards-row{display:flex;gap:clamp(3px,.4vw,6px);}
#pk-player-cards-row .pk-card{width:clamp(32px,4vw,58px);height:clamp(44px,5.5vw,80px);}
#pk-player-cards-row .pk-card .cv{font-size:clamp(9px,1.1vw,17px);}
#pk-player-cards-row .pk-card .cs{font-size:clamp(11px,1.3vw,20px);}
#pk-player-cards-row .pk-card .ct{font-size:clamp(5px,.6vw,9px);}
#pk-player-cards-row .pk-card .cb{font-size:clamp(5px,.6vw,9px);}
#pk-player-label{font-size:clamp(7px,.65vw,10px);color:rgba(255,255,255,.45);text-transform:uppercase;font-weight:600;}

#pk-raise-wrap{display:inline-flex;align-items:center;gap:clamp(3px,.5vw,6px);}

/* Groups */
#pk-pre-deal{display:flex;align-items:center;gap:clamp(6px,1vw,12px);justify-content:center;}
#pk-in-game{display:none;align-items:center;gap:clamp(6px,1vw,12px);justify-content:center;flex-wrap:wrap;}

/* ===== RESULT OVERLAY ===== */
#pk-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;cursor:pointer;backdrop-filter:blur(4px);}
#pk-overlay.pkshow{opacity:1;pointer-events:all;}
#pk-result-box{text-align:center;transform:scale(.6);transition:transform .35s cubic-bezier(.175,.885,.32,1.275);}
#pk-overlay.pkshow #pk-result-box{transform:scale(1);}
#pk-result-icon{width:clamp(60px,12vw,120px);height:clamp(60px,12vw,120px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,4vw,48px);font-weight:900;margin:0 auto 16px;box-shadow:0 8px 32px rgba(0,0,0,.8);border:4px solid rgba(255,255,255,.4);color:#fff;}
.pk-res-win{background:radial-gradient(circle at 35% 35%,#2ecc71,#0a6a20);}
.pk-res-lose{background:radial-gradient(circle at 35% 35%,#e74c3c,#6a0a0a);}
.pk-res-fold{background:radial-gradient(circle at 35% 35%,#888,#333);}
#pk-result-title{font-size:clamp(14px,2.5vw,28px);font-weight:900;color:#fff;margin-bottom:10px;text-shadow:0 2px 8px rgba(0,0,0,.8);}
#pk-result-amount{font-size:clamp(18px,4vw,48px);font-weight:900;margin-bottom:8px;}
#pk-result-hand{font-size:clamp(10px,1.4vw,18px);font-weight:700;color:rgba(255,255,255,.7);margin-bottom:20px;}
#pk-tap-hint{font-size:clamp(8px,1vw,14px);color:rgba(255,255,255,.35);text-transform:uppercase;}
@keyframes pkCoinFall{0%{transform:translateY(0) rotate(0);opacity:1;}100%{transform:translateY(100vh) rotate(720deg);opacity:0;}}

/* ===== MOBILE ===== */
@media(max-width:768px){
    #pk-table{width:92vw;max-height:60vh;}
    .pk-bot-1{top:-12%;left:6%;}
    .pk-bot-3{top:-14%;left:50%;transform:translateX(-50%);}
    .pk-bot-4{top:-12%;right:6%;}
    .pk-bot-2{top:24%;left:-12%;}
    .pk-bot-5{top:24%;right:-12%;}

    #pk-action-bar{
        flex-wrap:wrap;justify-content:center;
        padding:clamp(4px,1vh,10px) clamp(6px,2vw,12px);
        gap:clamp(4px,1vw,8px);
    }
    #pk-wallet-display{width:100%;text-align:center;font-size:clamp(10px,3vw,15px);}
    #pk-pre-deal{width:100%;justify-content:center !important;}
    #pk-in-game{
        width:100%;
        flex-wrap:wrap !important;
        justify-content:center !important;
        gap:clamp(4px,1.5vw,8px) !important;
    }
    #pk-btn-call{flex:1 1 auto;min-width:0;}
    #pk-btn-fold{flex:1 1 auto;min-width:0;}
    #pk-player-cards-bar{order:-1;width:100%;}
}
@media(max-width:480px){
    #pk-table{width:96vw;max-height:55vh;}
    .pk-bot-2{left:-10%;} .pk-bot-5{right:-10%;}
    .pk-bot-info{min-width:clamp(55px,16vw,80px);padding:2px 6px;}
    .pk-bot-name{font-size:clamp(7px,2vw,10px);}
    .pk-bot-chips,.pk-bot-bet{font-size:clamp(6px,1.6vw,9px);}
    .pk-bot-card-back{width:clamp(14px,4vw,22px);height:clamp(20px,5.5vw,30px);}
}