/* Bubble Pop — game-specific styles (rides on playful.css) */

body.playful { touch-action:none; }

.canvas-wrapper {
  flex:1; display:flex; justify-content:center; align-items:center;
  width:100%; position:relative; min-height:0;
}

canvas {
  width:100%; height:100%;
  /* Opaque playfield: a translucent canvas let the wood background's gradient
     blobs show through, which read as the board being unevenly bright/dim.
     A solid fill keeps the play area uniformly lit. */
  background:#FBF7EF;
  border:4px solid var(--stroke); border-radius:18px;
  box-shadow:0 8px 0 rgba(28,24,20,0.1);
  cursor:crosshair;
}