* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #f0f0f0;
}

.lil-gui {
  width: 420px !important;
  font-size: 14px !important;
}

/* Number input fields (slider values) */
.lil-gui .c {
  font-size: 14px !important;
}

/* Dropdown text */
.lil-gui select {
  font-size: 14px !important;
}

/* Label text */
.lil-gui .controller .name {
  font-size: 14px !important;
}

.lil-gui input {
  font-size: 14px !important;
}

.lil-gui button {
  font-size: 14px !important;
  /* padding: 6px 10px !important; */
}


#helpOverlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.9);
  color: rgb(204, 204, 204);
  padding: 40px;
  font-size: 18px;
  z-index: 9999; /* critical */
}

.pulseButton {
  background: #ff4081 !important;
  color: white !important;
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0%   { box-shadow: 0 0 0 0 rgba(255, 64, 129, 0.4); }
  70%  { box-shadow: 0 0 0 10px rgba(255, 64, 129, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 64, 129, 0); }
}