.valve {
  background: #2a241c;
  padding: 12px 8px 20px;
}

.valve canvas {
  width: 100%;
  max-width: 520px;
  display: block;
  margin: 0 auto;
  background: #3a3228;
  border: 3px solid #14161c;
  box-shadow: 6px 6px 0 #c4a06a;
}

.valve__drop {
  display: block;
  margin: 12px auto 0;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: 3px solid #14161c;
  background: #ff5348;
  color: #fff;
  padding: 12px 28px;
  cursor: pointer;
  box-shadow: 4px 4px 0 #14161c;
}

.valve__drop:disabled { opacity: 0.5; cursor: not-allowed; }

.valve__legend {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 10px;
  color: #e8d7a3;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.85rem;
}