#cd-canvas {
  width: 100%;
  max-width: 640px;
  height: auto;
  aspect-ratio: 640 / 280;
  border-radius: var(--radius-md);
  box-shadow: inset 0 0 0 2px var(--color-border);
  display: block;
  margin: 0 auto;
}

.cd-controls {
  display: flex;
  gap: 14px;
  justify-content: center;
  margin-top: 14px;
}
.cd-controls button {
  border: none;
  border-radius: 999px;
  padding: 16px 30px;
  font-weight: 800;
  font-size: 1.05rem;
  color: #fff;
  cursor: pointer;
}
#cd-jump { background: var(--color-primary-dark); }
#cd-jump:hover { background: #145a9c; }
#cd-dig { background: #8d6e63; }
#cd-dig:hover { background: #6d5347; }

@media (max-width: 420px) {
  .cd-controls button { padding: 14px 20px; font-size: 0.95rem; }
}