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