/* Boardwalk Ball Toss: Carnival Nights - bright neon carnival theme */
.bw-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: 100%;
}

.bw-canvas {
  width: 100%;
  max-width: 360px;
  height: auto;
  aspect-ratio: 360 / 480;
  border-radius: var(--radius-md);
  box-shadow: inset 0 0 0 3px var(--color-border);
  background: #1a0a2e;
  cursor: pointer;
  touch-action: none;
}

.bw-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  max-width: 360px;
  flex-wrap: wrap;
}

.bw-aim-col {
  display: flex;
  gap: 10px;
}

.bw-btn {
  min-width: 54px;
  height: 46px;
  padding: 0 14px;
  border-radius: 12px;
  border: 2px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text);
  font-size: 1.1rem;
  cursor: pointer;
  user-select: none;
}
.bw-btn:active, .bw-btn:hover { border-color: #ee6fa8; }

.bw-btn--aim {
  font-size: 1.3rem;
  font-weight: 700;
}

.bw-btn--charge {
  background: linear-gradient(135deg, #ee6fa8, #6a1f8a);
  color: #fff8ee;
  font-weight: 700;
  border-color: transparent;
  font-size: 0.95rem;
  min-width: 150px;
}

.bw-btn--charge.is-charging {
  background: linear-gradient(135deg, #ffe27a, #ee6fa8);
  color: #1a0a2e;
}