/* Bubble Shooter — page-specific styles */

.bubble-stage {
  border-radius: var(--radius-sm);
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.bubble-canvas {
  display: block;
  width: 100%;
  max-width: 672px;
  height: auto;
  background: #20303a;
  border-radius: var(--radius-sm);
  border: 4px solid var(--color-sky);
  touch-action: none;
  cursor: crosshair;
}

.bubble-canvas:focus-visible {
  outline: 3px solid var(--color-coral);
  outline-offset: 3px;
}

#math-level-buttons {
  max-width: 26rem;
}