.bc{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.bc p{margin:0}.bc .bc-top{display:grid;grid-template-columns:1fr;gap:14px;align-items:center}@media (min-width: 640px){.bc .bc-top{grid-template-columns:auto 1fr}}.bc .bc-ball-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.bc .bc-col-0{--bc-c: var(--accent)}.bc .bc-col-1{--bc-c: var(--p1)}.bc .bc-col-2{--bc-c: var(--good)}.bc .bc-col-3{--bc-c: var(--warn)}.bc .bc-col-4{--bc-c: var(--cell-strong)}.bc .bc-ball{width:168px;height:168px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--bc-c, var(--accent)) 35%,#fff) 0%,var(--bc-c, var(--accent)) 62%,color-mix(in srgb,var(--bc-c, var(--accent)) 70%,#000) 100%);box-shadow:var(--shadow),inset 0 -8px 18px #0000002e}.bc .bc-ball.bc-empty{--bc-c: var(--cell-line)}.bc .bc-ball-in{width:104px;height:104px;border-radius:50%;background:var(--card-face);color:#1b1f2a;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2.8rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.bc .bc-ball-in small{font-size:1.1rem;font-weight:900;color:#1b1f2a;opacity:.75}.bc .bc-ball-wait{font-size:1.2rem;font-weight:800;color:#5d6880}.bc .bc-ball.bc-pop{animation:bc-pop .45s cubic-bezier(.2,1.4,.4,1)}@keyframes bc-pop{0%{transform:scale(.5) rotate(-40deg);opacity:.3}to{transform:scale(1) rotate(0);opacity:1}}.bc .bc-recent{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;min-height:30px}.bc .bc-chip{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--surface-2);font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums}.bc .bc-chip-hit,.bc-check .bc-chip-hit{background:color-mix(in srgb,var(--good) 20%,var(--surface));color:var(--good)}.bc .bc-chip-miss,.bc-check .bc-chip-miss{background:color-mix(in srgb,var(--bad) 18%,var(--surface));color:var(--bad)}.bc .bc-controls{display:flex;flex-direction:column;gap:10px;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.bc .bc-call{min-height:56px;font-size:1.15rem}.bc .bc-auto{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.bc .bc-field,.bc-check .bc-field{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.92rem}.bc .bc-auto-track{height:5px;border-radius:3px;background:var(--surface-2);overflow:hidden}.bc .bc-auto-fill{height:100%;background:var(--accent);transition:width .25s linear}.bc .bc-row{display:flex;flex-wrap:wrap;gap:6px}.bc .bc-row .btn{flex:1 1 auto}.bc .bc-board{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;overflow-x:auto}.bc .bc-brow{display:grid;gap:3px;align-items:center}.bc .bc-board-75 .bc-brow{grid-template-columns:26px repeat(15,minmax(18px,1fr))}.bc .bc-board-90 .bc-brow{grid-template-columns:repeat(10,minmax(24px,1fr))}.bc .bc-letter{font-weight:900;text-align:center;color:var(--bc-c);font-size:1.05rem}.bc .bc-cell{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;min-width:0;font-size:clamp(.62rem,2.3vw,.95rem);font-weight:700;color:var(--muted);background:var(--cell-alt);font-variant-numeric:tabular-nums}.bc .bc-board-90 .bc-cell{--bc-c: var(--accent)}.bc .bc-cell.bc-on{background:var(--bc-c);color:var(--accent-text)}.bc .bc-board-75 .bc-cell.bc-on{color:#fff}.bc .bc-cell.bc-last{outline:3px solid var(--focus);outline-offset:1px}@media (max-width: 559px){.bc .bc-board-75{display:grid;grid-template-rows:repeat(16,auto);grid-auto-flow:column;grid-auto-columns:1fr;gap:3px 8px;overflow-x:visible}.bc .bc-board-75 .bc-brow{display:contents}.bc .bc-board-75 .bc-cell{aspect-ratio:auto;height:26px;border-radius:13px;font-size:.85rem}.bc .bc-ball{width:140px;height:140px}.bc .bc-ball-in{width:88px;height:88px;font-size:2.3rem}}.bc-check{display:flex;flex-direction:column;gap:10px}.bc-check .bc-input{font:inherit;font-size:1.05rem;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.bc-check .bc-check-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.bc-check .bc-chip{display:inline-block;padding:3px 9px;border-radius:999px;font-weight:700}.bc-check .bc-ok{color:var(--good);font-weight:800}.bc-check .bc-bad{color:var(--bad);font-weight:800}.bc-print{display:none}@media print{body.bc-printing>*:not(.bc-print){display:none!important}body.bc-printing{background:#fff!important}body.bc-printing .bc-print{display:grid!important;grid-template-columns:1fr 1fr;gap:10mm;padding:6mm;color:#000}.bc-print .bc-pcard{break-inside:avoid;border:2px solid #000;padding:4mm;font-family:system-ui,sans-serif}.bc-print .bc-phead,.bc-print .bc-pgrid{display:grid;grid-template-columns:repeat(5,1fr);text-align:center}.bc-print .bc-phead span{font-size:22pt;font-weight:900}.bc-print .bc-pgrid span{border:1px solid #000;height:17mm;display:flex;align-items:center;justify-content:center;font-size:18pt;font-weight:700}.bc-print .bc-pgrid .bc-pfree{font-size:10pt;font-weight:900}.bc-print .bc-pfoot{text-align:right;font-size:9pt;margin-top:2mm}}@media (prefers-reduced-motion: reduce){.bc .bc-ball.bc-pop{animation:none}.bc .bc-auto-fill{transition:none}}