dialog.poker-dialog { width:min(970px,calc(100vw - 28px)); max-width:970px; padding:24px 28px 20px; }
.pk-heading { display:flex; justify-content:space-between; align-items:center; padding-right:25px; gap:12px; }
.pk-heading h2 { margin:6px 0 15px; font-size:34px; }
.pk-heading h2 span { color:#d4b77b; }
.pk-stakes { display:flex; flex-direction:column; text-align:right; gap:4px; }
.pk-stakes strong { font:26px Georgia,serif; color:#e0c492; }
.pk-stakes span,.pk-wallet>span,.pk-your-stack>span,.pk-last-result>span { font-size:8px; letter-spacing:1px; color:#a9b298; }
.pk-status { display:flex; justify-content:space-between; gap:12px; padding:9px 0 12px; border-top:1px solid #81936a44; font-size:12px; }
.pk-status strong { color:#dce3c7; font-weight:500; }
#pk-timer { color:#ddc38e; font-size:10px; font-variant-numeric:tabular-nums; }
.pk-layout { display:grid; grid-template-columns:minmax(0,1fr) 176px; gap:22px; }
.pk-seat-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.pk-seat { background:#243c2f; border:1px solid #72876b55; border-radius:8px; padding:9px 10px 7px; min-height:98px; min-width:0; }
.pk-seat.pk-turn { border-color:#e2c283; box-shadow:0 0 0 2px #d5b57b2b; background:#344733; }
.pk-seat.pk-own .pk-seat-top>strong { color:#ead4a4; }
.pk-seat.pk-folded { opacity:.65; }
.pk-seat-top,.pk-seat-middle,.pk-seat-bottom { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.pk-seat-top { min-height:18px; }
.pk-seat-top>strong { font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#dce5cc; }
.pk-seat-top>strong small { font-size:7px; color:#b8ba8c; }
.pk-seat-top>span { display:flex; align-items:center; gap:5px; }
.pk-button { border-radius:50%; background:#e6dbb7; color:#263d2e; font:9px Georgia,serif; width:16px; height:16px; display:grid; place-items:center; }
.pk-blind { font-size:8px; color:#d9c59a; }
.pk-seat-middle { margin:6px 0; }
.pk-seat-middle>div>b { font:22px Georgia,serif; color:#e0d2aa; }
.pk-seat-middle>div>small { display:block; margin-top:3px; font-size:6px; letter-spacing:.8px; color:#95a88c; }
.pk-seat-bottom { color:#9fb498; font-size:8px; min-height:12px; line-height:1.3; }
.pk-seat-bottom b { color:#cbb994; white-space:nowrap; font-weight:500; }
.pk-seat-number { font:23px Georgia,serif; color:#71856a; }
.pk-empty { display:flex; align-items:center; justify-content:center; gap:10px; border-style:dashed; background:#26382c55; color:#8ea184; font-size:10px; }
.pk-felt { margin:10px 0; border:4px solid #72674a; box-shadow:inset 0 0 0 2px #b7a36b55,inset 0 0 35px #122c2077; border-radius:72px; padding:13px 12px 10px; text-align:center; background:radial-gradient(ellipse,#42674a,#294e3a); }
.pk-pot { display:flex; align-items:baseline; justify-content:center; gap:8px; margin-bottom:9px; }
.pk-pot>span,.pk-pot>small { color:#b7c5a5; font-size:7px; letter-spacing:1px; }
.pk-pot strong { font:24px Georgia,serif; color:#f1dba7; }
.pk-board,.pk-holecards { display:flex; justify-content:center; gap:5px; }
.pk-card { display:inline-flex; flex-direction:column; align-items:flex-start; justify-content:space-between; width:43px; height:59px; padding:5px 6px; border-radius:4px; background:#f1ead6; color:#28463e; box-shadow:0 2px 3px #10291f55; font:18px Georgia,serif; line-height:1; flex-shrink:0; }
.pk-card>span { align-self:flex-end; }
.pk-card.pk-red { color:#a34c50; }
.pk-back { background:repeating-linear-gradient(45deg,#58705c 0 3px,#435e4b 3px 6px); border:2px solid #c2c3a3; color:#c5c7a1; align-items:center; justify-content:center; }
.pk-holecards .pk-card { width:27px; height:36px; font-size:12px; padding:3px; }
.pk-board-empty { width:43px; height:59px; border:1px solid #b5c19944; border-radius:4px; display:grid; place-items:center; color:#b5c19944; font-size:22px; }
.pk-felt-caption { color:#adc09988; font-size:6px; letter-spacing:2px; margin-top:10px; }
.pk-sidebar { border-left:1px solid #82936a33; padding-left:20px; }
.pk-wallet>strong,.pk-your-stack>strong,.pk-last-result>strong { display:block; font:25px Georgia,serif; color:#e2ce9f; margin-top:6px; }
.pk-wallet strong small,.pk-last-result strong small { font:8px 'Segoe UI',sans-serif; color:#a6b196; }
.pk-wallet p,.pk-note { font-size:10px!important; line-height:1.6!important; color:#a8b69b!important; }
.pk-your-stack,.pk-last-result { border-top:1px solid #82936a33; padding-top:12px; margin-top:13px; }
.pk-your-stack>small,.pk-last-result>small { display:block; font-size:9px; color:#a4b193; margin-top:5px; line-height:1.5; }
.pk-sidebar label { font-size:11px; margin-top:16px; }
.pk-sidebar input { margin-top:6px; padding:9px 10px; }
.pk-sidebar .primary-button,.pk-seat-controls .secondary-button { width:100%; margin:9px 0 0; font-size:11px; padding:10px; }
.pk-actions { border-top:1px solid #82936a33; border-bottom:1px solid #82936a33; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0; margin-top:14px; min-height:65px; }
.pk-action-buttons { display:flex; gap:7px; flex-wrap:wrap; }
.pk-actions button { font-size:12px; padding:10px 15px; margin:0; white-space:nowrap; }
.pk-actions .primary-button,.pk-sidebar .primary-button { color:#293c2b; background:#dbc38f; }
.pk-actions .primary-button:hover:not(:disabled),.pk-sidebar .primary-button:hover:not(:disabled) { background:#ecd5a4; }
#pk-bet-form { display:flex; gap:8px; align-items:end; }
#pk-bet-form label { display:flex; align-items:center; gap:8px; margin:0; font-size:10px; color:#afbea2; }
#pk-raise-to { width:90px; padding:9px; margin:0; }
.pk-action-message { font-size:11px; line-height:1.5; color:#b5c1a8; }
.pk-log { display:flex; flex-wrap:wrap; gap:6px 17px; margin-top:11px; font-size:9px; color:#8fa584; }
.pk-log b { color:#b1bd9e; font-weight:400; margin-left:4px; }
.pk-results { margin-top:13px; }
.pk-results h3 { font:17px Georgia,serif; margin:0 0 8px; color:#e4d5ae; }
.pk-pot-row { display:flex; justify-content:space-between; gap:14px; color:#b5c3a5; font-size:10px; padding:5px 0; border-bottom:1px solid #81926b22; }
.pk-pot-row>span:last-child { text-align:right; }
.pk-pot-row b { color:#e0c795; margin-left:8px; }
.pk-hand-ranks { display:flex; gap:6px 16px; flex-wrap:wrap; color:#a6b89b; font-size:10px; margin-top:8px; }
.pk-hand-ranks b { color:#d2c49e; font-weight:500; }
.pk-hand-ranks small { display:block; font-size:8px; color:#93a889; margin-top:4px; }
.pk-rules { margin-top:13px; font-size:11px; color:#a5b598; }
.pk-rules summary { cursor:pointer; }
.pk-rules p { font-size:11px; }
@media(max-height:800px) and (min-width:761px) {
  dialog.poker-dialog { padding:18px 25px 16px; }
  .pk-heading h2 { font-size:30px; margin:5px 0 12px; }
  .pk-seat { min-height:84px; padding:6px 9px; }
  .pk-seat-middle { margin:4px 0; }
  .pk-felt { padding:8px 12px; margin:8px 0; }
  .pk-board .pk-card,.pk-board-empty { height:50px; width:38px; }
  .pk-pot { margin-bottom:6px; }
  .pk-felt-caption { margin-top:7px; }
  .pk-actions { min-height:52px; margin-top:11px; padding:8px 0; }
  .pk-actions button { padding:9px 13px; }
  .pk-wallet p { font-size:9px!important; line-height:1.5!important; margin:7px 0; }
  .pk-your-stack,.pk-last-result { margin-top:10px; padding-top:8px; }
  .pk-seat-controls .secondary-button { padding:8px; margin-top:7px; }
  .pk-last-result>strong { font-size:22px; }
  .pk-rules { margin-top:10px; }
}
@media(max-width:760px) {
  dialog.poker-dialog { padding:23px 16px; }
  .pk-heading h2 { font-size:27px; }
  .pk-heading .eyebrow { font-size:6px; letter-spacing:1px; }
  .pk-stakes strong { font-size:20px; }
  .pk-stakes span { font-size:6px; }
  .pk-layout { grid-template-columns:1fr; gap:15px; }
  .pk-sidebar { border-left:0; padding-left:0; display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:start; }
  .pk-your-stack,.pk-last-result { margin:0; padding:0; border:0; }
  .pk-sidebar label { margin-top:0; }
  .pk-actions { flex-wrap:wrap; }
  .pk-seat { padding:7px; min-height:95px; }
  .pk-seat-row { gap:5px; }
  .pk-seat-top>strong { font-size:9px; }
  .pk-seat-middle { flex-wrap:wrap; gap:5px; }
  .pk-seat-middle>div>b { font-size:18px; }
  .pk-seat-bottom { flex-wrap:wrap; }
  .pk-holecards .pk-card { width:23px; height:30px; font-size:10px; }
  .pk-seat-top>span { gap:2px; }
  .pk-pot-row { font-size:9px; }
}