/* BomberBros — board canvas + HUD. Shell chrome is themed via config.js theme. */
html, body { margin: 0; height: 100%; background: #0d0f14; overflow: hidden; }
#app { height: 100%; }

.bb-wrap {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
}
.bb-canvas {
  display: block; border-radius: 8px; image-rendering: pixelated;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.5); touch-action: none;
}
.bb-hud {
  display: flex; gap: 16px; align-items: center; flex-wrap: wrap; justify-content: center;
  color: #e6ebf5; font: 14px system-ui, sans-serif;
}
.bb-hud .tag { background: rgba(0, 0, 0, 0.4); padding: 3px 10px; border-radius: 8px; font-variant-numeric: tabular-nums; }
.bb-hud .host { color: #f5c542; }