/* Texas Hold'em table: dark felt, wooden rail, gold accents. Shares modal/banner keyframes with uno.css. */
.pk-wrap{padding:56px 8px 64px;margin:10px 0}
.pk-table{position:relative;max-width:980px;margin:0 auto;aspect-ratio:2.1/1;border-radius:999px;background:linear-gradient(145deg,#3b2618,#1d120b);padding:18px;box-shadow:0 30px 60px #160c0655,inset 0 2px 0 #6b4a32,0 0 0 2px #0e0805}
.pk-felt{position:absolute;inset:18px;border-radius:999px;background:radial-gradient(ellipse at 50% 40%,#17805f 0,#0c5a43 45%,#06301f 100%);box-shadow:inset 0 0 0 3px #d4a64a55,inset 0 0 60px #000a}
.pk-felt:after{content:'';position:absolute;inset:14%;border-radius:999px;border:2px solid #ffffff12}
.pk-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:1;pointer-events:none}
.pk-center>*{pointer-events:auto}
.pk-logo{font:900 italic clamp(22px,4vw,40px)/1 Georgia,serif;letter-spacing:4px;color:#e7c46a;text-shadow:0 2px 0 #0006,0 0 24px #e7c46a55}
.pk-center p{color:#d8efe4;margin:0}
.pk-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.pk-meta span{font-size:12px;font-weight:700;color:#e7c46a;background:#0007;border:1px solid #e7c46a44;border-radius:20px;padding:3px 10px;letter-spacing:.5px}
.pk-board{display:flex;gap:8px;perspective:900px}
.pk-board .playing-card,.pk-slot{width:62px;height:87px;margin:0}
.pk-slot{display:inline-block;border-radius:9px;border:2px dashed #ffffff26;background:#ffffff08}
.pk-board .playing-card{box-shadow:0 6px 14px #0007}
.pk-board .playing-card.flip{animation:pk-flip .55s cubic-bezier(.3,1.3,.5,1) calc(var(--i,0)*170ms) backwards}
.pk-pot{display:flex;align-items:center;gap:8px;background:#000a;border:1px solid #e7c46a66;color:#fff;border-radius:30px;padding:6px 16px 6px 10px;box-shadow:0 0 22px #e7c46a33}
.pk-pot i,.pk-bet i,.pk-flychip{display:inline-block;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#fff 0 22%,transparent 24%),repeating-conic-gradient(#d52b49 0 30deg,#fff 30deg 45deg);box-shadow:0 2px 0 #0007}
.pk-pot i+i{margin-left:-12px}.pk-pot i:nth-child(2){filter:hue-rotate(200deg)}.pk-pot i:nth-child(3){filter:hue-rotate(100deg)}
.pk-pot span{font-size:11px;letter-spacing:2px;color:#e7c46a;font-weight:800}
.pk-pot strong{font-size:20px;font-variant-numeric:tabular-nums}
.pk-flychip{position:fixed;z-index:60;width:20px;height:20px;pointer-events:none}
.pk-result{background:#000c;border:1px solid #e7c46a88;border-radius:18px;padding:10px 18px;text-align:center;animation:uno-pop .45s cubic-bezier(.3,1.6,.5,1) both;max-width:92%}
.pk-result p{color:#fff;font-weight:700;line-height:1.6}
.pk-result.final h2{color:#e7c46a;margin:0 0 4px;font-size:22px}
.pk-next{margin-top:8px;background:linear-gradient(135deg,#e7c46a,#c8932f);color:#2a1a05;font-weight:800;padding:8px 22px}
.pk-next:hover:not(:disabled){background:linear-gradient(135deg,#f3d27e,#d9a23a)}
.pk-countdown{height:3px;background:#ffffff22;border-radius:3px;margin-top:8px;overflow:hidden}
.pk-countdown span{display:block;height:100%;background:#e7c46a;animation:pk-count 7s linear both}
/* Lobby tile */
.games{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.game-tile:nth-child(4){background:radial-gradient(ellipse at 30% 0,#17805f,#06301f 75%);border-color:#d4a64a66;box-shadow:0 6px 0 #3b2618,0 18px 40px #06301f33;color:#fff}
.game-tile:nth-child(4) h2{color:#fff}.game-tile:nth-child(4) p{color:#cfe7dc}.game-tile:nth-child(4) summary,.game-tile:nth-child(4) details{color:#e7c46a}
.game-tile:nth-child(4) .symbol{background:#1d120b;color:#e7c46a;box-shadow:inset 0 -5px 0 #000,0 0 20px #e7c46a44;transform:rotate(-5deg)}
.game-tile:nth-child(4) button{background:linear-gradient(135deg,#e7c46a,#c8932f);color:#2a1a05;font-weight:800}
/* Seats */
.pk-seat{position:absolute;z-index:2;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:110px;padding:8px 12px;border-radius:16px;background:linear-gradient(#1c1a26f2,#0f0e16f2);border:1px solid #ffffff1f;color:#fff;box-shadow:0 10px 24px #0008;transition:opacity .3s,transform .3s}
.pk-seat strong{font-size:13px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-seat.side-b{left:50%;top:100%}.pk-seat.side-t{left:50%;top:0}.pk-seat.side-l{left:0;top:50%}.pk-seat.side-r{left:100%;top:50%}.pk-seat.side-tl{left:22%;top:4%}.pk-seat.side-tr{left:78%;top:4%}
.pk-avatar{position:relative;border-radius:50%;padding:3px;background:#ffffff1a}
.pk-avatar .avatar{margin:0;width:44px;height:44px}
.pk-seat.active .pk-avatar{background:conic-gradient(#e7c46a,#ff8a3d,#e7c46a 60%,transparent 60%);animation:uno-spin 2.2s linear infinite}
.pk-seat.active .pk-avatar .avatar{animation:uno-spin 2.2s linear infinite reverse}
.pk-seat.active{border-color:#e7c46a;box-shadow:0 0 0 2px #e7c46a55,0 0 30px #e7c46a44,0 10px 24px #0008}
.pk-seat.out{opacity:.5}
.pk-seat.winner{border-color:#e7c46a;animation:pk-win 1.2s ease-in-out 3}
.pk-btn{position:absolute;right:-8px;bottom:-4px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;background:#3d8bfd;color:#fff;font:800 10px/20px Arial,sans-serif;text-align:center;box-shadow:0 2px 0 #0007}
.pk-btn.d{left:-8px;right:auto;background:#fff;color:#111;border-radius:50%}
.pk-stack{font-size:13px;font-weight:800;color:#e7c46a;font-variant-numeric:tabular-nums}
.pk-status{font-style:normal;font-size:11px;font-weight:800;padding:1px 8px;border-radius:8px;background:#ffffff1f;animation:uno-pop .35s cubic-bezier(.3,1.6,.5,1) both}
.pk-status.allin{background:#d52b49;box-shadow:0 0 14px #d52b49aa;letter-spacing:1px}
.pk-status.act{background:#3d8bfd33;color:#bcd6ff}
.pk-status.bust{background:#0006;color:#aaa}
.pk-hole{display:flex;gap:3px;margin-top:3px}
.pk-hole .playing-card{width:40px;height:56px;margin:0}
.pk-back{display:inline-block;width:26px;height:36px;border-radius:4px;border:2px solid #fff;background:repeating-linear-gradient(45deg,#8b1d2c 0 4px,#a8283a 4px 8px);box-shadow:0 2px 4px #0006}
.pk-back.dealt{animation:uno-deal .4s cubic-bezier(.2,1.2,.4,1) calc(var(--i,0)*90ms) backwards}
.pk-handname{font-size:11px;font-weight:800;color:#2a1a05;background:#e7c46a;border-radius:8px;padding:1px 8px}
.pk-bet{position:absolute;display:flex;align-items:center;gap:5px;font-size:13px;font-weight:800;color:#fff;background:#000a;border-radius:14px;padding:3px 9px 3px 4px;white-space:nowrap;animation:uno-pop .35s cubic-bezier(.3,1.6,.5,1) both}
.side-b .pk-bet{top:-34px}.side-t .pk-bet,.side-tl .pk-bet,.side-tr .pk-bet{bottom:-34px}.side-l .pk-bet{right:-80px;top:40%}.side-r .pk-bet{left:-80px;top:40%}
/* My hand and actions */
.pk-mine{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin:6px auto 0}
.pk-mycards{display:flex;gap:8px;perspective:800px}
.pk-mycards .playing-card{width:96px;height:134px;margin:0;transition:transform .2s}
.pk-mycards .playing-card:nth-child(1){transform:rotate(-5deg)}.pk-mycards .playing-card:nth-child(2){transform:rotate(5deg) translateY(4px)}
.pk-mycards .playing-card.dealt{animation:uno-deal .5s cubic-bezier(.2,1.2,.4,1) calc(var(--i,0)*120ms) backwards}
.pk-mine.my-turn .pk-mycards .playing-card{box-shadow:0 0 0 3px #e7c46a,0 12px 24px #e7c46a55}
.pk-strength{font-size:24px;font-weight:900;color:#1d120b;margin:0}
.pk-actions{position:sticky;bottom:12px;z-index:20;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;max-width:760px;margin:18px auto 8px;padding:12px;background:#15121ef2;border:1px solid #e7c46a66;border-radius:22px;box-shadow:0 18px 40px #0006;animation:uno-modal-in .35s cubic-bezier(.2,1.4,.4,1) both}
.pk-actions button,.uno-modal .pk-raise,.uno-modal .pk-allin,.uno-modal .pk-fold{min-height:54px;font-size:18px;font-weight:800;border-radius:14px}
.pk-fold{background:#3a3546;color:#fff;box-shadow:0 4px 0 #1d1a24}.pk-fold:hover:not(:disabled){background:#d52b49}
.pk-call{background:#178452;box-shadow:0 4px 0 #0e5534}.pk-call:hover:not(:disabled){background:#1a9a60}
.pk-raise{background:linear-gradient(135deg,#e7c46a,#c8932f);color:#2a1a05;box-shadow:0 4px 0 #8a6420}.pk-raise:hover:not(:disabled){background:linear-gradient(135deg,#f3d27e,#d9a23a)}
.pk-allin{background:linear-gradient(135deg,#ff3d6e,#c3123c);box-shadow:0 4px 0 #7d0b26,0 0 18px #ff3d6e66;letter-spacing:1px}.pk-allin:hover:not(:disabled){background:linear-gradient(135deg,#ff5a83,#d81b47)}
.pk-start{font-size:20px;padding:14px 34px;background:linear-gradient(135deg,#e7c46a,#c8932f);color:#2a1a05;font-weight:900;box-shadow:0 6px 0 #8a6420}
.pk-start:hover:not(:disabled){background:linear-gradient(135deg,#f3d27e,#d9a23a)}
/* Raise modal */
.uno-modal.pk-modal{background:linear-gradient(#1c1a26,#0f0e16);color:#fff;border:1px solid #e7c46a66}
.uno-modal.pk-modal .muted{color:#b9b4c8}
.uno-modal.pk-modal .uno-cancel{background:transparent;color:#d6d1e4;border-color:#ffffff33}
.pk-amount{font:900 44px/1.1 Georgia,serif;color:#e7c46a;text-shadow:0 0 24px #e7c46a55;margin:4px 0 14px;font-variant-numeric:tabular-nums}
.pk-amount.bump{animation:pk-bump .25s ease}
#pk-range{width:100%;accent-color:#e7c46a;margin:0 0 14px;padding:0;background:none;border:0}
.pk-quick{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
.pk-quick button{background:#ffffff14;color:#fff;border-color:#ffffff33;padding:8px 14px}
.pk-quick button:hover:not(:disabled){background:#e7c46a;color:#2a1a05}
.pk-board .playing-card.best,.pk-hole .playing-card.best{box-shadow:0 0 0 3px #e7c46a,0 0 22px #e7c46acc;transform:translateY(-6px);transition:transform .4s,box-shadow .4s}
.pk-board .playing-card.dim{filter:brightness(.55) saturate(.6);transition:filter .4s}
@keyframes pk-flip{from{transform:rotateY(90deg) translateY(-20px);opacity:0}}
@keyframes pk-count{from{width:100%}to{width:0}}
@keyframes pk-win{0%,100%{box-shadow:0 0 0 2px #e7c46a55,0 10px 24px #0008}50%{box-shadow:0 0 0 4px #e7c46a,0 0 40px #e7c46a,0 10px 24px #0008}}
@keyframes pk-bump{50%{transform:scale(1.08)}}
@media(max-width:700px){
 .pk-wrap{padding:60px 0 70px}.pk-table{aspect-ratio:auto;height:430px;border-radius:120px;padding:12px}.pk-felt{inset:12px;border-radius:110px}
 .pk-seat{min-width:0;padding:6px 8px}.pk-seat strong{max-width:84px;font-size:12px}.pk-avatar .avatar{width:34px;height:34px}
 .pk-seat.side-tl{left:24%;top:3%}.pk-seat.side-tr{left:76%;top:3%}.pk-seat.side-l{left:12%}.pk-seat.side-r{left:88%}
 .side-l .pk-bet{right:auto;left:20px;top:auto;bottom:-30px}.side-r .pk-bet{left:auto;right:20px;top:auto;bottom:-30px}
 .pk-board{gap:4px}.pk-board .playing-card,.pk-slot{width:46px;height:64px}.pk-hole .playing-card{width:32px;height:45px}
 .pk-mycards .playing-card{width:80px;height:112px}.pk-actions{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.pk-table *,.pk-mine *,.pk-actions,.pk-result{animation:none!important}}