.bta-blackjack { max-width: 960px; margin: 0 auto; font: 14px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.bta-row { margin: 12px 0; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.bta-hidden { display: none !important; }

#bb-video { width: 320px; height: 240px; background: #111; border-radius: 8px; }
#bb-snapshot { width: 320px; height: 240px; object-fit: cover; border-radius: 8px; background: #f6f6f6; }

.bb-left { flex: 1 1 300px; }
.bb-right { display: flex; gap: 8px; }

.bb-label { font-weight: 700; font-size: 18px; }
.bb-instruction { color: #333; margin-top: 4px; }
.bb-timer { margin-top: 8px; font-weight: 600; }

#bb-status { margin-top: 8px; color: #444; }

button { padding: 8px 12px; border-radius: 8px; border: 1px solid #ddd; background: #fff; cursor: pointer; }
button:hover { background: #f5f5f5; }
button.bb-ok { border-color: #2ecc71; }
button.bb-danger { border-color: #e74c3c; }
button.hidden {display: none;}