/* Bonus ball sheet */
.bbs textarea { width: 100%; box-sizing: border-box; min-height: 140px; font: 15px/1.45 inherit; }
.bbs-sheet { margin-top: 12px; }
.bbs-title { margin: 0 0 8px; font-size: 13px; color: var(--c-muted); font-weight: 600; }
.ccc .bbs-grid { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 6px; }
.ccc .bbs-grid li { margin: 0; display: flex; align-items: center; gap: 8px; min-width: 0; padding: 6px 8px; border: 1px solid var(--line); border-radius: 10px; background: rgba(0,0,0,.18); font-size: 13px; }
.bbs-grid b { flex: 0 0 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.08); font: 600 12px/1 var(--mono, monospace); }
.bbs-grid span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bbs-grid li.is-sold b { background: rgba(200,255,80,.18); }
.bbs-grid li.is-win { border-color: var(--accent, #c8ff50); box-shadow: 0 0 0 1px var(--accent, #c8ff50) inset; }
@media (max-width: 420px) { .ccc .bbs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media print { .bbs-grid { grid-template-columns: repeat(5, 1fr); } .bbs-grid li { background: #fff; color: #000; border-color: #999; } .bbs-grid b { background: #eee; color: #000; } }