/* Pok Deng table: deep red felt with a gold rail. Shares banner/modal keyframes with uno.css. */
.pd-table{position:relative;margin:24px 0;padding:26px 18px;border-radius:48px;background:radial-gradient(ellipse at 50% 45%,#b3202f 0,#7c0f1d 55%,#4a0711 100%);border:10px solid #2a0d07;box-shadow:inset 0 0 0 3px #e2b553,inset 0 0 0 9px #2a0d07,inset 0 0 0 11px #e2b55366,inset 0 0 90px #0009,0 26px 50px #4a071144;display:grid;gap:18px;min-height:460px}
.pd-table:before{content:'';position:absolute;inset:22px;border-radius:30px;pointer-events:none;background:repeating-conic-gradient(from 45deg,#e2b5530d 0 25%,transparent 0 50%) 0 0/28px 28px;mask:radial-gradient(ellipse at center,transparent 45%,#000 75%)}
.pd-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;position:relative;z-index:1}
.pd-seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:170px;padding:12px 16px 14px;border-radius:20px;background:#2a0d07c4;border:1px solid #e2b55355;color:#fff;box-shadow:0 10px 24px #0007;transition:transform .3s,box-shadow .3s}
.pd-seat.me{min-width:240px;background:#2a0d07e0}
.pd-seat.active{border-color:#ffd56b;box-shadow:0 0 0 2px #ffd56b88,0 0 34px #ffd56b55,0 10px 24px #0007;transform:translateY(-3px)}
.pd-seat.winner{border-color:#ffd56b;animation:pd-win 1.2s ease-in-out 3}
.pd-who{display:flex;align-items:center;gap:8px}.pd-who .avatar{margin:0;width:36px;height:36px}.pd-who strong{font-size:14px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-cards{display:flex;justify-content:center;perspective:900px;min-height:92px}
.pd-card{display:inline-block;margin:0 -10px;transition:transform .25s}
.pd-card:nth-child(1){transform:rotate(-8deg)}.pd-card:nth-child(2){transform:translateY(-4px)}.pd-card:nth-child(3){transform:rotate(8deg)}
.pd-card .playing-card{width:64px;height:90px;margin:0;box-shadow:0 6px 14px #0008}
.pd-seat.me .pd-card .playing-card{width:92px;height:129px}.pd-seat.me .pd-cards{min-height:132px}.pd-seat.me .pd-card{margin:0 -6px}
.pd-back{display:block;width:64px;height:90px;border-radius:8px;border:3px solid #fff8e6;background:radial-gradient(circle at 50% 50%,#e2b553 0 14%,transparent 15%),repeating-linear-gradient(45deg,#7c0f1d 0 6px,#5c0a15 6px 12px);box-shadow:0 6px 14px #0008}
.pd-card.deal{animation:pd-deal .55s cubic-bezier(.2,1.2,.4,1) calc(var(--i,0)*110ms) backwards}
.pd-card.reveal .playing-card{animation:pd-flip .6s cubic-bezier(.3,1.3,.5,1) calc(var(--i,0)*120ms) backwards}
.pd-score{font-weight:900;font-size:15px;color:#2a0d07;background:linear-gradient(135deg,#ffe08a,#e2b553);border-radius:14px;padding:2px 12px;animation:uno-pop .45s cubic-bezier(.3,1.6,.5,1) .4s backwards}
.pd-score.pok{background:linear-gradient(135deg,#fff,#ffd56b);box-shadow:0 0 18px #ffd56b;font-size:17px}
.pd-chip{font-size:12px;font-weight:800;border-radius:10px;padding:2px 10px;background:#ffffff1f;animation:uno-pop .35s cubic-bezier(.3,1.6,.5,1) both}
.pd-chip.pok{background:#ffd56b;color:#2a0d07;box-shadow:0 0 16px #ffd56baa}
.pd-chip.wait{opacity:.6}
.pd-chip.think i{font-style:normal;animation:pd-dot 1.2s infinite}.pd-chip.think i:nth-child(2){animation-delay:.2s}.pd-chip.think i:nth-child(3){animation-delay:.4s}
.pd-crown{position:absolute;top:-26px;font-size:30px;animation:uno-pop .6s cubic-bezier(.3,1.6,.5,1) .8s backwards;filter:drop-shadow(0 4px 6px #0008)}
.pd-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:150px}
.pd-center p{color:#ffe8c4;margin:0;font-weight:600}
.pd-title{font:900 clamp(34px,6vw,58px)/1 'Leelawadee UI',Tahoma,sans-serif;letter-spacing:2px;color:#ffd56b;text-shadow:0 3px 0 #2a0d07,0 0 30px #ffd56b66}
.pd-deck{position:relative;width:70px;height:98px}
.pd-deck span{position:absolute;inset:0;border-radius:8px;border:3px solid #fff8e6;background:radial-gradient(circle,#e2b553 0 14%,transparent 15%),repeating-linear-gradient(45deg,#7c0f1d 0 6px,#5c0a15 6px 12px);box-shadow:0 4px 10px #0007}
.pd-deck span:nth-child(2){transform:translate(-3px,-3px)}.pd-deck span:nth-child(3){transform:translate(-6px,-6px);animation:pd-shimmer 2.4s ease-in-out infinite}
.pd-turn{font-size:17px}.pd-turn.mine{color:#ffd56b!important;font-size:21px;font-weight:900!important;text-shadow:0 0 16px #ffd56b88}
.pd-result{background:#2a0d07e6;border:1px solid #e2b553;border-radius:20px;padding:14px 22px;min-width:min(340px,100%);animation:uno-pop .5s cubic-bezier(.3,1.6,.5,1) both}
.pd-result h2{color:#ffd56b;margin:0 0 8px;font-size:22px;text-align:center}
.pd-result ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pd-result li{display:flex;align-items:center;gap:10px;color:#fff;background:#ffffff12;border-radius:12px;padding:6px 12px;animation:uno-pop .4s cubic-bezier(.3,1.6,.5,1) both}
.pd-result li:nth-child(2){animation-delay:.1s}.pd-result li:nth-child(3){animation-delay:.2s}.pd-result li:nth-child(4){animation-delay:.3s}
.pd-result li span{width:24px;height:24px;border-radius:50%;background:#ffffff22;display:grid;place-items:center;font-size:12px;font-weight:800}
.pd-result li em{margin-left:auto;font-style:normal;font-weight:800;color:#ffe8c4}
.pd-result li.win{background:linear-gradient(135deg,#ffd56b33,#e2b55311);outline:1px solid #ffd56b}.pd-result li.win span{background:#ffd56b;color:#2a0d07}
.pd-mine{display:flex;align-items:center;justify-content:center;gap:16px;margin:4px auto 0}
.pd-mine p{font-weight:700;color:#4a0711;margin:0;font-size:17px}
.pd-ring{--p:0;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(closest-side,#fff 78%,transparent 80% 100%),conic-gradient(#e2b553 calc(var(--p)*360deg),#f1dfe1 0);transition:--p .6s;box-shadow:0 6px 16px #4a071122}
.pd-ring strong{font-size:30px;line-height:1;color:#7c0f1d;font-variant-numeric:tabular-nums}.pd-ring span{font-size:11px;color:#9b6a70;font-weight:700}
.pd-actions{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:620px;margin:16px auto 8px;padding:12px;background:#2a0d07f0;border:1px solid #e2b553;border-radius:22px;box-shadow:0 18px 40px #4a071155;animation:uno-modal-in .35s cubic-bezier(.2,1.4,.4,1) both}
.pd-actions button{min-height:58px;font-size:20px;font-weight:900;border-radius:16px}
.pd-draw{background:linear-gradient(135deg,#ffe08a,#e2b553);color:#2a0d07;box-shadow:0 5px 0 #9a7424}.pd-draw:hover:not(:disabled){background:linear-gradient(135deg,#fff0b8,#f0c565)}
.pd-stand{background:#178452;box-shadow:0 5px 0 #0e5534}.pd-stand:hover:not(:disabled){background:#1a9a60}
.pd-start{font-size:20px;padding:14px 34px;font-weight:900;background:linear-gradient(135deg,#d52b49,#7c0f1d);box-shadow:0 6px 0 #4a0711}
.pd-start:hover:not(:disabled){background:linear-gradient(135deg,#e8435f,#94152a)}
@property --p{syntax:'<number>';inherits:false;initial-value:0}
@keyframes pd-deal{from{opacity:0;transform:translate(var(--dx,0),-180px) rotate(-40deg) scale(.5)}}
@keyframes pd-flip{from{transform:rotateY(180deg) scale(.8);opacity:0}50%{opacity:1}}
@keyframes pd-win{0%,100%{box-shadow:0 0 0 2px #ffd56b88,0 10px 24px #0007}50%{box-shadow:0 0 0 4px #ffd56b,0 0 46px #ffd56b,0 10px 24px #0007}}
@keyframes pd-dot{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes pd-shimmer{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}
@media(max-width:650px){.pd-table{border-radius:28px;padding:18px 8px;border-width:7px}.pd-seat{min-width:0;padding:10px}.pd-seat.me{min-width:0;width:100%}.pd-card .playing-card,.pd-back{width:50px;height:70px}.pd-cards{min-height:72px}.pd-seat.me .pd-card .playing-card{width:80px;height:112px}.pd-seat.me .pd-cards{min-height:114px}.pd-row{gap:10px}.pd-row:not(.bottom) .pd-seat{flex:1 1 40%}.pd-who strong{max-width:90px;font-size:12px}.pd-actions button{font-size:17px;min-height:52px}}
@media(prefers-reduced-motion:reduce){.pd-table *,.pd-actions,.pd-result *{animation:none!important;transition:none!important}}