@import url('../../shared/ui.css');

/* Deep space, so the page behind the canvas matches the sky */
html,
body {
  background: #0b1030;
}

/* Tap the other pilot's face to put them in the rocket */
#pilot-btn {
  right: 84px;
  padding: 0;
  overflow: hidden;
}

#pilot-btn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  transform: scale(1.15); /* hide the photo's square corners */
}

#settings-panel input[type='range'] {
  accent-color: #7ef2ff;
}

#settings-close {
  background: #7ef2ff;
  color: #123;
}