.pbd{--pbd-panel:var(--night2);--pbd-inset:var(--night);--pbd-line:var(--hair);--pbd-text:var(--bone);--pbd-dim:var(--dim);--pbd-accent:var(--gold);--pbd-accent-deep:#a67c04;--pbd-warn:var(--redHi);--pbd-on-accent:var(--night);--pbd-felt:var(--night3);--pbd-card:var(--bone);--pbd-card-ink:var(--night);--pbd-card-red:var(--red);--pbd-mono:var(--fMono);background:var(--pbd-panel);border:1px solid var(--pbd-line);border-radius:4px;color:var(--pbd-text);font-family:var(--fText);max-width:100%;overflow:hidden}
.pbd *,.pbd *:before,.pbd *:after{box-sizing:border-box}
.pbd-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--pbd-line);background:var(--pbd-inset)}
.pbd-title{font:400 1.15rem/1.2 var(--fDisp);color:var(--pbd-text);margin:0}
.pbd-flag{font:400 11px/1.4 var(--fMono);letter-spacing:.04em;color:var(--pbd-dim)}
.pbd-balance{font:400 11px/1.4 var(--fMono);letter-spacing:.08em;color:var(--pbd-dim)}
.pbd-balance b{color:var(--pbd-accent);font-size:13px}
.pbd-body{display:grid;grid-template-columns:1fr}
@media(min-width:1024px){.pbd-body{grid-template-columns:3fr 1fr}}
.pbd-play{padding:1.25rem;background:var(--pbd-felt);border-bottom:1px solid var(--pbd-line);min-width:0}
@media(min-width:1024px){.pbd-play{border-bottom:0;border-right:1px solid var(--pbd-line)}}
.pbd-label{display:block;font:700 11px/1.4 var(--fMono);letter-spacing:.12em;text-transform:uppercase;color:var(--pbd-dim);margin-bottom:.25rem}
.pbd-label-accent{color:var(--pbd-accent)}
.pbd-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:54px;margin-bottom:.75rem}
.pbd-card{display:inline-flex;align-items:flex-start;justify-content:center;min-width:36px;height:50px;padding:4px 5px;background:var(--pbd-card);color:var(--pbd-card-ink);font:700 13px/1.2 var(--fMono);border-radius:3px;border:1px solid #00000033}
.pbd-card sub{font-size:10px}
.pbd-card.pbd-red{color:var(--pbd-card-red)}
.pbd-hands{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.pbd-total{font:700 13px/1 var(--fMono);color:var(--pbd-accent);margin-left:4px;align-self:center}
.pbd-spots{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}
.pbd-spot{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;background:var(--pbd-inset);border:1px solid var(--pbd-line);border-radius:4px;color:var(--pbd-text);font:700 12px/1.3 var(--fMono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;min-width:0}
.pbd-spot small{color:var(--pbd-dim);font-weight:400}
.pbd-spot:hover{border-color:var(--pbd-accent)}
.pbd-spot[data-staked="1"]{outline:2px solid var(--pbd-accent);outline-offset:-2px}
.pbd-stake{position:absolute;top:3px;right:5px;font:700 10px/1 var(--fMono);color:var(--pbd-accent)}
@media(max-width:480px){.pbd-spot{font-size:10px;letter-spacing:.02em}.pbd-hands{gap:.5rem}}
.pbd-msg{font:400 12px/1.5 var(--fMono);min-height:16px;color:var(--pbd-dim);margin:0 0 1rem}
.pbd-msg[data-kind=good]{color:var(--pbd-accent)}
.pbd-msg[data-kind=warn]{color:var(--pbd-warn)}
.pbd-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.pbd-chip{width:38px;height:38px;border-radius:50%;border:2px dashed var(--pbd-accent);background:var(--pbd-inset);color:var(--pbd-accent);font:700 12px/1 var(--fMono);cursor:pointer;transition:background .2s,color .2s}
.pbd-chip:hover,.pbd-chip[aria-pressed=true]{background:var(--pbd-accent);color:var(--pbd-on-accent)}
.pbd-btn{font:700 12px/1 var(--fMono);letter-spacing:.06em;text-transform:uppercase;padding:.8rem 1.2rem;border:1px solid var(--bone);border-radius:999px;background:transparent;color:var(--bone);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.pbd-btn:hover:not(:disabled),.pbd-btn:active:not(:disabled){background:var(--pbd-accent);border-color:var(--pbd-accent);color:var(--pbd-on-accent)}
.pbd-btn-ghost{border-color:var(--edge)}
.pbd-link{background:none;border:0;color:var(--pbd-accent);font:700 11px/1 var(--fMono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.pbd button:disabled{opacity:.4;cursor:not-allowed}
.pbd button:focus-visible{outline:2px solid var(--pbd-accent);outline-offset:2px}
.pbd-aside{padding:1rem;min-width:0}
.pbd-feed{font:400 11px/1.5 var(--fMono);color:var(--pbd-dim)}
.pbd-feed-line{border-bottom:1px dotted var(--pbd-line);padding-bottom:2px;margin-bottom:4px}
.pbd-note{margin:1rem 0 0;padding-top:.75rem;border-top:1px solid var(--pbd-line);font-size:12px;line-height:1.5;color:var(--pbd-dim)}
