.ppct{--gold:#f4c864;--green:#4ce2a0;--red:#ff637a;--cyan:#58e3e5;max-width:1320px;margin:auto;padding:12px;color:#f7f8fb}.ppct *{box-sizing:border-box}.ppct button,.ppct input{font-family:inherit}.ppct-head{min-height:68px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:9px 14px;border:1px solid #313a49;border-radius:18px 18px 0 0;background:linear-gradient(120deg,#111823,#1d2634)}.ppct-back{min-width:70px;min-height:44px;border:1px solid #3a4555;border-radius:11px;background:#0d141e;color:#bbc5d2;cursor:pointer}.ppct-head small{color:#d8ad4d;font:800 8px Arial;letter-spacing:2px}.ppct-head h1{margin:3px 0 0;font:900 19px Arial}.ppct-head h1 em{margin-right:8px;color:#98a5b5;font:700 12px inherit;font-style:normal}.ppct-head>span{display:flex;align-items:center;padding:9px 12px;border:1px solid #354052;border-radius:11px;background:#0c131c;color:#9ca8b6;font-size:10px}.ppct-head>span i{width:7px;height:7px;margin-left:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.ppct-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid #303a49;border-top:0;border-radius:0 0 20px 20px;overflow:hidden;background:#0b1119;box-shadow:0 28px 70px #0007}.ppct-table{position:relative;min-width:0;min-height:690px;overflow:hidden;background:radial-gradient(ellipse at 50% 49%,#174d3d 0,#0a3028 48%,#05100e 82%);isolation:isolate}.ppct-table:before{content:"";position:absolute;inset:5% 6%;z-index:-1;border:2px solid #e8bd583b;border-radius:45%;box-shadow:inset 0 0 70px #0005,0 0 50px #0005}.ppct-feltmark{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:-1;color:#ffffff08;font:900 clamp(45px,9vw,100px) Arial;letter-spacing:8px}.ppct-seat{position:absolute;left:50%;width:min(88%,700px);transform:translateX(-50%);display:grid;grid-template-columns:auto minmax(85px,auto) 1fr auto;align-items:center;gap:10px}.ppct-op{top:28px}.ppct-me{bottom:26px}.ppct-avatar{width:45px;height:45px;display:grid;place-items:center;border:1px solid #ffffff18;border-radius:14px;background:#101923;color:#a9b5c2;font-size:10px}.ppct-seat>div:nth-child(2) b,.ppct-seat>div:nth-child(2) span{display:block}.ppct-seat>div:nth-child(2) b{font-size:11px}.ppct-seat>div:nth-child(2) span{color:#84918f;font-size:9px}.ppct-seat>div:nth-child(2) strong{color:var(--gold)}.ppct-hand,.ppct-board{display:flex;justify-content:center;align-items:center;direction:ltr;min-width:0}.ppct-card{position:relative;width:76px;height:106px;margin-left:-20px;filter:drop-shadow(0 10px 10px #0008);transition:.18s;animation:ppctDeal .45s ease both}.ppct-card:first-child{margin-left:0}.ppct-card img{width:100%;height:100%;object-fit:contain}.ppct-me .ppct-card.is-selectable{cursor:pointer}.ppct-me .ppct-card.is-discard{transform:translateY(-14px);filter:drop-shadow(0 12px 10px #0008) drop-shadow(0 0 12px #ff637a)}.ppct-seat em{min-width:55px;color:#e6c366;font-size:9px;font-style:normal}.ppct-board{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:min(90%,500px);min-height:110px}.ppct-board .ppct-card{width:70px;height:98px;margin-left:-8px}.ppct-street{position:absolute;left:50%;top:35%;transform:translateX(-50%);padding:5px 11px;border:1px solid #ffffff15;border-radius:20px;background:#06110dcc;color:#92a29d;font:800 9px Arial;letter-spacing:1px}.ppct-pot{position:absolute;left:50%;top:24%;transform:translateX(-50%);text-align:center}.ppct-pot small,.ppct-pot strong{display:block}.ppct-pot small{color:#829089;font-size:9px}.ppct-pot strong{color:#ffe17e;font:900 20px Arial}.ppct-status{position:absolute;left:50%;top:61%;transform:translateX(-50%);width:min(86%,520px);padding:9px;border:1px solid #e2bc4e3b;border-radius:11px;background:#06100dc4;color:#cbd8d4;text-align:center;font-size:10px}.ppct-side{padding:12px;overflow:auto;background:linear-gradient(#1b2330,#111720);border-right:1px solid #303a49}.ppct-side section{margin-bottom:10px;padding:12px;border:1px solid #303a49;border-radius:13px;background:#0c131d}.ppct-side header{display:flex;justify-content:space-between;margin-bottom:8px}.ppct-side header b{font-size:11px}.ppct-side header small{color:#748193;font-size:9px}.ppct-input{height:44px;display:flex;align-items:center;overflow:hidden;border:1px solid #394453;border-radius:10px;background:#080e16}.ppct-input input{min-width:0;flex:1;border:0;outline:0;background:none;color:#fff;text-align:center;font:900 16px Arial}.ppct-input span{color:#6f7c8e;font-size:8px}.ppct-input button{align-self:stretch;min-width:44px;border:0;background:#27313e;color:#dce2ea}.ppct-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:6px 0}.ppct-chips button{min-height:36px;border:1px solid #35404e;border-radius:8px;background:#222b36;color:#cbd4df}.ppct-chips button.active{border-color:#e7bd59;background:#49391a;color:#ffe18a}.ppct-find,.ppct-private{width:100%;min-height:48px;margin-top:5px;border:0;border-radius:10px;color:#10150f;font-weight:900;cursor:pointer}.ppct-find{background:linear-gradient(135deg,#55e2a0,#28ad70)}.ppct-private{border:1px solid #3c4858;background:#222c38;color:#dce3eb}.ppct-code{display:flex;gap:5px;margin-top:6px}.ppct-code input{min-width:0;flex:1;height:44px;border:1px solid #394553;border-radius:9px;background:#091019;color:#fff;text-align:center;font-size:16px;text-transform:uppercase}.ppct-code button,.ppct-invite button{min-width:54px;border:0;border-radius:9px;background:#344153;color:#fff}.ppct-invite{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding:8px;border:1px dashed #d7b25855;border-radius:9px;color:#aeb8c4;font-size:10px}.ppct-invite b{color:#ffe184;letter-spacing:2px}.ppct-turn{min-height:38px;display:flex;align-items:center;justify-content:center;color:#8e9baa;font-size:10px}.ppct-turn span{width:7px;height:7px;margin-left:6px;border-radius:50%;background:#687586}.ppct-turn.is-mine span{background:var(--green);box-shadow:0 0 10px var(--green)}.ppct-actiongrid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.ppct-actiongrid button,.ppct-raise button{min-height:47px;border:1px solid #ffffff13;border-radius:9px;color:#fff;font:800 10px Arial;cursor:pointer}.ppct-actiongrid button small{display:block;margin-top:3px;font:8px inherit;opacity:.65}.ppct-actiongrid button:disabled,.ppct-raise button:disabled{opacity:.35}.ppct-actiongrid button:nth-child(1){background:#742c3b}.ppct-actiongrid button:nth-child(2){background:#23634d}.ppct-actiongrid button:nth-child(3){background:#765922}.ppct-raise{margin-top:8px}.ppct-raise input{width:100%;accent-color:#e8bd57}.ppct-raise>div{display:grid;grid-template-columns:1fr 70px;gap:5px}.ppct-raise button{background:#253747}.ppct-draw{margin-top:9px;padding-top:9px;border-top:1px solid #ffffff10}.ppct-draw p{margin:0 0 6px;color:#8e9baa;font-size:9px}.ppct-draw button{width:100%;min-height:48px;border:0;border-radius:10px;background:linear-gradient(135deg,#f4c861,#b77b20);color:#151008;font-weight:900}.ppct-info>p{color:#8996a6;font-size:9px;line-height:1.8}.ppct-info header button{min-width:44px;min-height:44px;border:0;border-radius:9px;background:#222d39;color:#fff}.ppct-room{display:flex;align-items:center;justify-content:space-between;padding:7px;border-bottom:1px solid #ffffff0d;color:#aeb8c4;font-size:9px}.ppct-room button{min-width:55px;min-height:38px;border:0;border-radius:8px;background:#293d50;color:#fff}.ppct-fair{width:100%;min-height:44px;display:flex;justify-content:space-between;border:0;background:none;color:#d8e0e9}.ppct-info code{display:block;margin:5px 0;direction:ltr;color:#8290a0;word-break:break-all;font-size:8px}.ppct-result{position:absolute;inset:0;z-index:30;display:none;place-items:center;background:radial-gradient(circle,#13543fc7,#020608eb);backdrop-filter:blur(5px)}.ppct-result.is-show{display:grid}.ppct-result>div{text-align:center}.ppct-result strong{display:block;margin:7px;color:#ffe27d;font-size:40px}.ppct-result p{color:#c8d4d0}.ppct-result button{min-width:150px;min-height:48px;border:0;border-radius:11px;background:#50df99;color:#08130e;font-weight:900}@keyframes ppctDeal{from{opacity:0;transform:translate(100px,-80px) rotate(20deg) scale(.7)}}
@media(max-width:960px){.ppct-layout{grid-template-columns:1fr}.ppct-table{min-height:610px}.ppct-side{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ppct-side section{margin:0}.ppct-info{grid-column:1/-1}}
@media(max-width:625px){.ppct{padding:0}.ppct-head{border-radius:0;grid-template-columns:auto 1fr;padding:7px}.ppct-head>span{display:none}.ppct-head h1{font-size:14px}.ppct-head h1 em{display:none}.ppct-layout{border-left:0;border-right:0;border-radius:0}.ppct-table{min-height:520px}.ppct-table:before{inset:4% 1%;border-radius:42%}.ppct-seat{width:98%;grid-template-columns:38px 62px minmax(0,1fr);gap:4px}.ppct-seat>em{display:none}.ppct-op{top:16px}.ppct-me{bottom:18px}.ppct-avatar{width:38px;height:38px}.ppct-card{width:min(63px,18vw);height:auto;aspect-ratio:5/7;margin-left:-17px}.ppct-board{top:47%}.ppct-board .ppct-card{width:min(58px,17vw);height:auto;margin-left:-11px}.ppct-pot{top:25%}.ppct-street{top:35%}.ppct-status{top:62%}.ppct-side{grid-template-columns:1fr;padding:8px}.ppct-info{grid-column:auto}.ppct-input input,.ppct-code input{font-size:16px}.ppct-actiongrid button,.ppct-raise button,.ppct-find,.ppct-private{min-height:48px}}
@media(max-width:360px){.ppct-card{margin-left:-20px}.ppct-board .ppct-card{margin-left:-16px}.ppct-seat{grid-template-columns:34px 55px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.ppct *{animation-duration:.01ms!important;transition-duration:.01ms!important}}