.mind-root {
  max-width: 760px;
  margin: auto;
  padding-bottom: 3rem;
}
.mind-card {
  background: #fffef5;
  border: 1px solid #dbe2d5;
  border-radius: 24px;
  padding: clamp(16px, 4vw, 28px);
  margin: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mind-card h1,
.mind-card h2,
.mind-card p {
  margin: 0;
}
.mind-card .btn {
  white-space: normal;
  overflow-wrap: normal;
  min-height: 48px;
  width: 100%;
}
.mind-note {
  font-size: 15px;
  color: #52666a;
}
.mind-error {
  padding: 16px;
  border: 2px solid #a84f37;
  border-radius: 12px;
}
.mind-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-weight: 700;
}
.mind-root select,
.mind-root input:not([type="checkbox"]) {
  font: inherit;
  min-height: 48px;
  max-width: 100%;
  border: 1px solid #98aaa0;
  border-radius: 12px;
  padding: 10px;
  background: white;
  color: #203442;
}
.mind-check {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
}
.mind-check input {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
.mind-options {
  display: grid;
  gap: 12px;
}
.mind-selected {
  border: 3px solid #315f4e !important;
  background: #e1f0d4 !important;
}
.mind-turn {
  font-weight: 800;
}
.mind-hint {
  padding: 14px;
  border-radius: 12px;
  background: #f8e9b3;
}
.mind-visual {
  width: 100%;
  max-height: 240px;
  background: #19313a;
  border-radius: 16px;
}
.mind-root progress {
  width: 100%;
  height: 14px;
  accent-color: #44775f;
}
.mind-root details {
  padding: 16px;
  border: 1px solid #d6dfd0;
  border-radius: 12px;
}
.mind-root summary {
  cursor: pointer;
  font-weight: 700;
  line-height: 1.5;
}
.mind-root details p {
  margin-top: 12px;
}
.mind-root [hidden] {
  display: none !important;
}
@media (min-width: 540px) {
  .mind-options {
    grid-template-columns: 1fr 1fr;
  }
}
.family-link-code{display:block;overflow-wrap:anywhere;letter-spacing:.12em;font-size:clamp(22px,6vw,30px);line-height:1.8;padding:14px;background:#eef4e7;border-radius:16px;text-align:center;user-select:all}.family-sync-note{overflow-wrap:anywhere}
/* Familiar faces make the two-player setup easier to distinguish. */
.mind-players-preview{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.mind-player{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #c9d8c6;border-radius:14px;background:#f0f7ee;min-width:0;font-weight:750}
.mind-player-portrait{width:54px;height:54px;flex-basis:54px;object-fit:cover;border-radius:50%}
.mind-root .mind-field select,.mind-root .mind-field input{font-size:16px}
@media(max-width:370px){.mind-players-preview{gap:8px}.mind-player{padding:7px 8px}.mind-player-portrait{width:46px;height:46px;flex-basis:46px}}