.game-picker{grid-template-columns:repeat(4,minmax(0,1fr))}
.pg-board{width:100%;position:relative;z-index:2;text-align:center;padding:18px 8px}.pg-board h2{font-size:clamp(24px,3vw,36px);margin:8px 0}.pg-banker{color:#f5d58d;font-weight:700}.pg-steps{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:20px auto}.pg-steps span{display:flex;align-items:center;gap:8px;font-size:12px}.pg-steps b{border:1px solid #bfa05c;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#f5d58d}.pg-scoring{font-size:12px;color:#e4d3aa}.pg-reference{text-align:left;border:1px solid #bda26866;padding:12px;border-radius:12px;background:#082720;max-width:800px;margin:16px auto}.pg-reference summary{cursor:pointer;color:#f4d58e;font-weight:700}.pg-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.pg-reference-grid>div{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.pg-reference-grid strong{width:100%;font-size:11px;text-align:center}.pg-reference p{font-size:12px}
#game[data-variant^="paigow"] .felt{display:block}#game[data-variant^="paigow"] #your-area{position:relative;z-index:3;text-align:left;background:linear-gradient(135deg,#102d27ed,#09221fe8);border:1px solid #cfae6a88;border-radius:18px;padding:clamp(12px,3vw,28px);margin:22px 0 0}#game[data-variant^="paigow"] .dealer-deck{display:none}#game[data-variant^="paigow"] #rows{display:grid;gap:12px}#game[data-variant^="paigow"] #hand{justify-content:center;margin-top:22px}#game[data-variant^="paigow"] .hand .card .suit{font-size:22px}#game[data-variant^="paigow"] .controls{justify-content:center;margin-top:18px}
.pg-arrange-row{display:flex;gap:20px;align-items:center;background:#031d1888;padding:14px;border:1px solid #b394554a;border-radius:12px}.pg-arrange-row .row-label{min-width:112px}.pg-arrange-row .row-label small{display:block;margin:5px 0 10px}.pg-pieces{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.pg-slot{width:55px;height:80px;display:grid;place-items:center;border:1px dashed #e6c67a77;border-radius:7px;color:#e4c47a88;background:#0b3225}.pg-ready{text-align:center;color:#e7d298;font-size:13px}
.pg-tile{display:inline-flex;position:relative;flex-direction:column;align-items:center;justify-content:space-between;width:68px;min-width:68px;padding:8px 7px 5px;border:1px solid #d6b966;border-radius:9px;background:linear-gradient(125deg,#35312e 0%,#111414 35%,#050908 72%,#413d30);box-shadow:inset 2px 2px 3px #ffffff26,3px 5px 0 #010505,0 8px 12px #0008;color:#fff;vertical-align:middle;transform:none;font-family:inherit}.pg-tile-face{display:flex;flex-direction:column;gap:8px;width:42px;height:88px}.pg-half{height:40px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px}.pg-dot{display:block;width:10px;height:10px;border-radius:50%;background:#f8edd0;box-shadow:inset 0 1px 2px #fff,0 1px 3px #000}.pg-dot.red{background:#ef554c;box-shadow:inset 0 1px 2px #ffaaa0,0 1px 3px #000}.pg-tile-name{font-size:9px;line-height:1.15;margin-top:7px;min-height:21px;text-align:center;color:#e7d5a5}.pg-tile.selected{outline:3px solid #f8ce65;transform:translateY(-7px);box-shadow:0 0 24px #efc86d88}.pg-tile-face.chong{justify-content:space-between;gap:0}.chong-row{display:flex;justify-content:center;gap:14px}.pg-results{text-align:left}.pg-results h2{color:#f3d38a}.pg-results h3{margin-top:10px}.pg-match{margin:22px 0;padding:18px;border:1px solid #ac8b4f77;border-radius:14px;background:#0a2924}.pg-comparison{border-top:1px solid #dfc37c33;padding:8px 0}.pg-comparison h4{color:#f5d58d}.pg-sides{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pg-side{padding:12px;border:1px solid #879e8a44;border-radius:9px}.pg-side p{font-size:12px;min-height:24px}.pg-side strong{font-size:13px;overflow-wrap:anywhere}.pg-winning{background:#50431c55;border-color:#ebcb7a}.pg-results .card{width:46px;height:67px;min-width:46px}.pg-results .card .suit{font-size:19px}.pg-results .card .rank{font-size:16px}.pg-results .card .bottom{font-size:10px}.pg-results .pg-tile{width:60px;min-width:60px}.pg-results .winning-card{box-shadow:0 0 0 2px #f1cb70,0 0 18px #dbb96555}.pg-results .pg-pieces{gap:6px}.player:has(strong){overflow-wrap:anywhere}
@media(max-width:850px){.game-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-sides{grid-template-columns:1fr}.pg-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-match{padding:12px}.pg-arrange-row{display:block;padding:12px}.pg-arrange-row .row-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.pg-arrange-row .row-label strong{font-size:12px}.pg-arrange-row .row-label small{margin:0;font-size:11px}.pg-arrange-row .row-label button{padding:8px;font-size:11px}.pg-pieces{gap:5px}.pg-slot{width:42px;height:64px}.pg-steps{gap:8px}.pg-steps span{font-size:10px}.pg-steps b{width:22px;height:22px}.pg-results .pg-pieces{gap:4px}#game[data-variant^="paigow"] #hand{gap:8px}#game[data-variant^="paigow"] .section-heading{display:block}#game[data-variant^="paigow"] .section-heading>div{display:flex;gap:8px;margin-top:12px}#game[data-variant^="paigow"] .card{width:42px;min-width:42px;height:64px}#game[data-variant^="paigow"] .card .rank{font-size:16px}#game[data-variant^="paigow"] .card .bottom{font-size:9px}}
@media(prefers-reduced-motion:reduce){.pg-tile{transition:none}}
#game #public-cards.pg-board{display:block}
#public-cards.pg-board{display:block;margin:0;padding:12px 0}.pg-board .pg-steps{margin:14px auto}.pg-board p{margin:10px 0}.pg-board h2{margin:8px 0}#game[data-variant^="paigow"] .felt-brand,#game[data-variant^="paigow"] .table-ornament,#game[data-variant^="paigow"] .chip-bank{display:none}#game[data-variant^="paigow"] .felt{padding:8px 20px}#game[data-variant^="paigow"] .players{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.pg-arrange-row .row-label{width:auto}.pg-tile.winning-card{background:linear-gradient(125deg,#35312e,#111414 35%,#050908 72%,#413d30)!important}
@media(max-width:650px){#game[data-variant^="paigow"] .felt{padding:0}#game[data-variant^="paigow"] .players{grid-template-columns:1fr 1fr}.pg-board h2{font-size:24px}.pg-board .eyebrow{font-size:8px}.pg-arrange-row .row-label{width:100%;min-width:0}.pg-arrange-row .row-label strong,.pg-arrange-row .row-label button{white-space:nowrap}.pg-arrange-row .row-label small{font-size:10px}.pg-reference{padding:9px;margin:10px 0}.pg-reference summary{font-size:12px}#game[data-variant^="paigow"] #your-area{padding:12px;margin-top:12px}}

#game[data-variant^="paigow"] .card.joker .suit,.pg-results .card.joker .suit{font:700 9px system-ui;letter-spacing:0;color:#855b20}.card.joker{background:linear-gradient(135deg,#fff7de,#e6d7ad)}