/* The Check a game page. Colours come from site.css. */
.check-label { display: block; color: var(--text); font-weight: 800; }
.check-input {
  display: block;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.875rem 1rem;
  border: 1px solid var(--border);
  border-radius: 0.75rem;
  background: var(--well);
  color: var(--text);
  font: inherit;
}
.check-input:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.check-input::placeholder { color: var(--text-3); opacity: 1; }
.check-actions { margin-top: 1rem; }
.btn[hidden], .check-trays[hidden] { display: none; }
.check-status { min-height: 1.5em; margin-top: 1rem; }
.check-trays { margin: 1rem 0 0; padding: 0; list-style: none; }
.check-set {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.25rem;
  margin-top: 0.5rem;
  padding: 0.875rem 1rem;
  border: 1px solid var(--border);
  border-radius: 1rem;
  background: var(--surface);
}
.check-set-number { min-width: 3.5rem; color: var(--text-2); font-weight: 800; }
.check-set svg { flex: none; }
.check-set rect { fill: var(--accent); }