/* Variant identities and mobile containment for the shared premium PvP shell. */
.ppct{width:100%;min-width:0;overflow-x:clip}
.ppct-variant-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.ppct-variant-art i{position:absolute;display:block;opacity:.16}

/* Five-Card Draw: traditional green room, brass rails and poker chips. */
.ppct[data-variant="five_card_draw"]{--gold:#f6cf70;--green:#55dda1;--table-edge:#c89b42}
.ppct[data-variant="five_card_draw"] .ppct-head{background:linear-gradient(115deg,#101914,#1a2921 58%,#2a2114)}
.ppct[data-variant="five_card_draw"] .ppct-table{background:radial-gradient(ellipse at 50% 48%,#1b644b 0,#0b392c 47%,#061611 83%)}
.ppct[data-variant="five_card_draw"] .ppct-table:before{border-color:#e9bd5960;box-shadow:inset 0 0 80px #0007,0 0 0 8px #573d1c55,0 0 50px #0007}
.ppct[data-variant="five_card_draw"] .ppct-variant-art i{width:74px;aspect-ratio:1;border:12px dotted #f3cc74;border-radius:50%}
.ppct[data-variant="five_card_draw"] .ppct-variant-art i:nth-child(1){left:9%;top:34%;transform:rotate(12deg)}
.ppct[data-variant="five_card_draw"] .ppct-variant-art i:nth-child(2){right:8%;top:46%;transform:scale(.72) rotate(-14deg)}
.ppct[data-variant="five_card_draw"] .ppct-variant-art i:nth-child(3){display:none}

/* Omaha: cool blue club, squared table and geometric four-card motif. */
.ppct[data-variant="omaha"]{--gold:#ffb85c;--green:#54e8d1;--cyan:#56d8ff}
.ppct[data-variant="omaha"] .ppct-head{border-color:#254e68;background:linear-gradient(112deg,#071b2c,#0c3650 55%,#172339)}
.ppct[data-variant="omaha"] .ppct-head small{color:#64dfff}
.ppct[data-variant="omaha"] .ppct-back{border-color:#285b78;background:#09283d;color:#bfefff}
.ppct[data-variant="omaha"] .ppct-layout{border-color:#214a63}
.ppct[data-variant="omaha"] .ppct-table{background:radial-gradient(circle at 50% 44%,#15546e 0,#092f49 44%,#04131f 86%)}
.ppct[data-variant="omaha"] .ppct-table:before{inset:6% 5%;border-color:#58dcff55;border-radius:82px 22px;box-shadow:inset 0 0 90px #00131fcc,0 0 0 7px #0c6a8250}
.ppct[data-variant="omaha"] .ppct-feltmark{color:#8ae8ff0b;letter-spacing:14px}
.ppct[data-variant="omaha"] .ppct-pot strong{color:#ffbd69}
.ppct[data-variant="omaha"] .ppct-variant-art i{width:58px;aspect-ratio:1;border:2px solid #65dfff;transform:rotate(45deg)}
.ppct[data-variant="omaha"] .ppct-variant-art i:nth-child(1){left:10%;top:35%}
.ppct[data-variant="omaha"] .ppct-variant-art i:nth-child(2){right:10%;top:35%;width:42px}
.ppct[data-variant="omaha"] .ppct-variant-art i:nth-child(3){right:15%;bottom:25%;width:26px}
.ppct[data-variant="omaha"] .ppct-side{background:linear-gradient(#10283a,#081722)}
.ppct[data-variant="omaha"] .ppct-find{background:linear-gradient(135deg,#65e1ee,#258cc8)}

/* Teen Patti: royal crimson salon, arched rail and jewel accents. */
.ppct[data-variant="teen_patti"]{--gold:#ffd16c;--green:#ff9ec7;--red:#ff668f}
.ppct[data-variant="teen_patti"] .ppct-head{border-color:#67304f;background:linear-gradient(115deg,#210914,#50152f 58%,#241033)}
.ppct[data-variant="teen_patti"] .ppct-head small{color:#ffabc9}
.ppct[data-variant="teen_patti"] .ppct-back{border-color:#71324f;background:#2c0d1c;color:#ffd0df}
.ppct[data-variant="teen_patti"] .ppct-layout{border-color:#5f2947}
.ppct[data-variant="teen_patti"] .ppct-table{background:radial-gradient(ellipse at 50% 45%,#762341 0,#3b102a 47%,#140816 86%)}
.ppct[data-variant="teen_patti"] .ppct-table:before{inset:5% 7%;border-color:#ffc86655;border-radius:50% 50% 24% 24%;box-shadow:inset 0 0 85px #18000aaa,0 0 0 7px #9a5a2450}
.ppct[data-variant="teen_patti"] .ppct-feltmark{top:46%;color:#ffd6e80b;font-family:Georgia,serif;letter-spacing:3px}
.ppct[data-variant="teen_patti"] .ppct-variant-art i{width:48px;height:68px;border:2px solid #ffb8d0;border-radius:80% 12% 80% 12%}
.ppct[data-variant="teen_patti"] .ppct-variant-art i:nth-child(1){left:13%;top:38%;transform:rotate(-25deg)}
.ppct[data-variant="teen_patti"] .ppct-variant-art i:nth-child(2){right:13%;top:38%;transform:scaleX(-1) rotate(-25deg)}
.ppct[data-variant="teen_patti"] .ppct-variant-art i:nth-child(3){left:50%;top:42%;transform:translateX(-50%) rotate(45deg) scale(.45)}
.ppct[data-variant="teen_patti"] .ppct-side{background:linear-gradient(#2a1222,#130a14)}
.ppct[data-variant="teen_patti"] .ppct-find{background:linear-gradient(135deg,#ffd26b,#d98835)}
.ppct[data-variant="teen_patti"] .ppct-card{filter:drop-shadow(0 10px 12px #160008cc) drop-shadow(0 0 8px #ff8eb522)}

@media(max-width:625px){
 .ppct{padding:0 0 calc(68px + env(safe-area-inset-bottom,0px));max-width:100%;overflow-x:clip}
 .ppct-head{min-height:62px;grid-template-columns:64px minmax(0,1fr);gap:8px;padding:6px 8px}
 .ppct-back{min-width:60px;padding:0 7px}
 .ppct-head small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;letter-spacing:1.2px}
 .ppct-head h1{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
 .ppct-layout{display:flex;flex-direction:column;min-width:0;overflow:visible}
 .ppct-table{order:1;width:100%;min-height:510px;border-bottom:1px solid #ffffff14}
 .ppct-side{order:2;display:contents;overflow:visible}
 .ppct-side section{width:100%;min-width:0;margin:0;padding:10px;border-left:0;border-right:0;border-radius:0}
 .ppct-buy{order:2}.ppct-actions{order:3}.ppct-info{order:4}
 .ppct.is-live .ppct-buy{display:none}
 .ppct.is-live .ppct-actions{order:2;position:sticky;bottom:calc(66px + env(safe-area-inset-bottom,0px));z-index:40;border-color:#ffffff24;background:#0a111bea;box-shadow:0 -12px 32px #0009;backdrop-filter:blur(14px)}
 .ppct.is-live .ppct-info{order:3}
 .ppct-seat{left:1%;width:98%;transform:none;grid-template-columns:38px minmax(0,1fr);grid-template-rows:38px auto;column-gap:6px;row-gap:1px}
 .ppct-seat>div:nth-child(2){min-width:0;align-self:center}
 .ppct-seat>div:nth-child(2) b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .ppct-hand{grid-column:1/-1;width:100%;min-width:0;min-height:72px;margin-top:1px;overflow:visible}
 .ppct-seat>em{display:none}
 .ppct-op{top:8px}.ppct-me{bottom:8px}
 .ppct-card{width:min(58px,15vw);max-width:58px;height:auto;aspect-ratio:5/7;margin-left:-7px}
 .ppct-card:first-child{margin-left:0}
 .ppct-board{top:48%;width:96%;min-height:72px}
 .ppct-board .ppct-card{width:min(54px,13.8vw);max-width:54px;height:auto;margin-left:-5px}
 .ppct-pot{top:23%}.ppct-street{top:32%}.ppct-status{top:64%;width:90%;padding:7px}
 .ppct-feltmark{font-size:clamp(34px,13vw,54px)}
 .ppct[data-variant="omaha"] .ppct-table:before{inset:3% 2%;border-radius:46px 13px}
 .ppct[data-variant="omaha"] .ppct-card{width:min(61px,16vw)}
 .ppct[data-variant="teen_patti"] .ppct-table{min-height:485px}
 .ppct[data-variant="teen_patti"] .ppct-table:before{inset:3% 2%;border-radius:48% 48% 18% 18%}
 .ppct[data-variant="teen_patti"] .ppct-card{width:min(72px,20vw);max-width:72px;margin-left:-5px}
 .ppct[data-variant="teen_patti"] .ppct-board{display:none}
 .ppct[data-variant="teen_patti"] .ppct-status{top:56%}
 .ppct-actiongrid,.ppct-raise>div{min-width:0}
 .ppct-actiongrid button,.ppct-raise button,.ppct-find,.ppct-private,.ppct-draw button{min-height:48px;touch-action:manipulation}
}

@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
 .ppct{padding-bottom:0}
 .ppct-head{min-height:52px}
 .ppct-table,.ppct[data-variant="teen_patti"] .ppct-table{min-height:365px}
 .ppct-seat{grid-template-columns:34px minmax(0,1fr);grid-template-rows:34px auto}
 .ppct-avatar{width:34px;height:34px}
 .ppct-hand{min-height:54px}
 .ppct-card,.ppct[data-variant="omaha"] .ppct-card,.ppct[data-variant="teen_patti"] .ppct-card{width:min(47px,9vw);max-width:47px}
 .ppct-board .ppct-card{width:min(43px,8vw)}
 .ppct-op{top:3px}.ppct-me{bottom:3px}
 .ppct-pot{top:20%}.ppct-street{top:31%}.ppct-status{top:63%}
 .ppct.is-live .ppct-actions{position:relative;bottom:auto}
}

@media(max-width:340px){
 .ppct-card{width:14vw;margin-left:-5px}
 .ppct-board .ppct-card{width:13vw;margin-left:-4px}
 .ppct-head h1{font-size:12px}
}