/* canvas.css */
#floatingCanvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3; /* Должен быть выше всех для перетаскивания */
  background-color: transparent;
  pointer-events: none;
}

#gameCanvas {
  position: fixed;
  top: 25%; /* подняли выше */
  left: 50%;
  transform: translate(-50%, -25%);
  width: 320px;
  height: 320px;
  background: #18222d;
  border-radius: 12px;
  border: 3px solid #3390ec;
  box-shadow:
    0 0 8px #3390ec88,
    0 0 15px #3390ec66,
    inset 0 0 10px #4da6ff88;
  z-index: 1;
  touch-action: none;
  pointer-events: none;
  transition: box-shadow 0.3s ease;
}

#spawnCanvas {
  position: fixed;
  top: calc(25% + 340px); /* чуть ближе к gameCanvas */
  left: 50%;
  transform: translateX(-50%);
  width: min(90vw, 440px);
  height: min(45vw, 180px);
  background: #121c28;
  border-radius: 12px;
  border: 3px solid #3390ec;
  box-shadow: 
    0 0 8px #3390ec88,
    0 0 15px #3390ec66,
    inset 0 0 10px #4da6ff88;
  z-index: 2;
  touch-action: none;
  pointer-events: auto;
  transition: box-shadow 0.3s ease;
  min-width: 320px;
  min-height: 130px;
}