/* Kid mode (#253): phrases to pick instead of typing; no chat or walkie at all when the world turns them off. */
#chatpre {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  pointer-events: auto;
}
#chatpre:not(:empty) {
  margin-top: 4px;
}
#chatpre button {
  padding: 2px 6px;
  border-radius: 4px;
  background: #27301f22;
  color: inherit;
  font: inherit;
  text-transform: inherit;
}
body.chatpre #chatin {
  height: 0;
  opacity: 0;
}
body.nochat #chat,
body.nochat #chatbtn,
body.novoice #talkchip,
body.novoice #tbtn [data-b='talk'],
body:not(.kids) #kidsbadge {
  display: none !important;
}
#kidsbadge {
  margin-left: 8px;
  font-size: 16px;
}
body.kids #paper h1::after {
  content: ' 🧒';
  font-size: 0.5em;
  vertical-align: middle;
}
#kidsrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 8px;
  margin: -4px 0 12px;
}
#menu #kidsrow input {
  width: auto;
  margin: 0;
}
#kidsrow small {
  flex-basis: 100%;
  opacity: 0.75;
}