.bb{max-width:400px;margin:0 auto}.bb-stats{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:10px}.bb-stat{flex:1 1 68px;padding:var(--sp-2);border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line);text-align:center;line-height:1.2}.bb-stat span{display:block;font-size:var(--fs-xs);color:var(--muted)}.bb-stat b{font-size:19px;font-variant-numeric:tabular-nums}.bb-bar{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);margin-bottom:10px}.bb-boardwrap{position:relative}.bb-canvas{display:block;width:100%;aspect-ratio:350 / 560;border-radius:var(--r-md);background:var(--panel2);border:1px solid var(--line);direction:ltr;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.bb-over{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-4);text-align:center;border-radius:var(--r-md);background:color-mix(in srgb,var(--bg) 88%,transparent)}.bb-over-title{font-size:var(--fs-xl);font-weight:700;margin:0}.bb-over-sub{color:var(--muted);margin:0}.bb-over-btns{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.bb-hint{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--muted)}