.chemistry-board-choice {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  margin: .25rem auto .5rem;
}
.chemistry-board-choice label { font-weight: 600; }
.chemistry-board-choice select {
  min-height: 44px;
  max-width: 100%;
  padding: .35rem .7rem;
  border: 1px solid #cbd5e1;
  border-radius: .45rem;
  background: #fff;
  color: var(--brand-dark);
  font: inherit;
}
.chemistry-higher-badge { margin: .25rem auto .5rem; }
.chemistry-question-panel { min-height: 39rem; }
.chemistry-question-prompt { min-height: 3rem; font-size: 1.08rem; font-weight: 600; }
.chemistry-givens { min-height: 0; }
.chemistry-givens[hidden] { display: none !important; }
.chemistry-game-visual {
  display: flex;
  min-height: 10rem;
  justify-content: center;
  align-items: center;
  margin: .5rem auto;
  color: var(--brand-dark);
  text-align: center;
}
.chemistry-game-visual svg { display: block; width: min(100%, 560px); height: auto; overflow: visible; }
.chemistry-game-visual text { font-family: Inter, system-ui, sans-serif; fill: #0f172a; }
.chemistry-scale-line { stroke: #475569; stroke-width: 3; }
.chemistry-grid-line { stroke: #cbd5e1; stroke-width: 1; }
.chemistry-spot { stroke: #7c2d12; stroke-width: 1.5; }
.chemistry-station { fill: #f1f5f9; stroke: #94a3b8; stroke-width: 1; }
.chemistry-equation { overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .chemistry-question-panel { padding: .75rem; }
  .chemistry-game-visual { min-height: 8rem; }
}