.cinematic-journey [data-room='munchies'] {
  --tent-art: url('../../../assets/camp-munchies-interior-v1-3k.webp');
}
.cinematic-journey [data-room='thoughts'] {
  --tent-art: url('../../../assets/camp-thoughts-interior-v1-3k.webp');
}
.cinematic-journey [data-room='aux'] {
  --tent-art: url('../../../assets/camp-aux-interior-v1-3k.webp');
}
.cinematic-journey [data-room='plot'] {
  --tent-art: url('../../../assets/camp-plot-interior-v1-3k.webp');
}
@media (min-width: 1100px) and (min-resolution: 1.5dppx) {
  .cinematic-journey [data-room='munchies'] {
    --tent-art: url('../../../assets/camp-munchies-interior-v1-6k.webp');
  }
  .cinematic-journey [data-room='thoughts'] {
    --tent-art: url('../../../assets/camp-thoughts-interior-v1-6k.webp');
  }
  .cinematic-journey [data-room='aux'] {
    --tent-art: url('../../../assets/camp-aux-interior-v1-6k.webp');
  }
  .cinematic-journey [data-room='plot'] {
    --tent-art: url('../../../assets/camp-plot-interior-v1-6k.webp');
  }
}
.cinematic-journey [data-room]:has(.community-room) #object-actions,
.cinematic-journey [data-room]:has(.community-room) #object-description {
  max-width: 470px;
}
.community-room {
  width: 100%;
  min-width: 0;
}
.cinematic-journey [data-room] .community-room input {
  width: 100%;
  min-height: 46px;
  border: 1px solid #c5b8946b;
  border-radius: 8px;
  background: #12251eee;
  color: #f6ebd5;
  font: inherit;
  font-size: 14px;
  padding: 13px 14px;
  margin-bottom: 16px;
}
.cinematic-journey [data-room] .community-room input::placeholder {
  color: #b9bcae;
}
.cinematic-journey [data-room] .community-room input:focus-visible {
  outline: 2px solid #f0d5a0;
  outline-offset: 3px;
}
.community-room form > button {
  width: 100%;
}
.community-room h3 {
  font-family: var(--serif);
  font-size: 29px;
  line-height: 1.15;
  font-weight: 400;
  margin: 10px 0;
}
.snack-card,
.camp-poll,
.thought-prompt {
  margin: 16px 0;
  padding: 22px;
  border: 1px solid #cbb68745;
  border-radius: 12px;
  background: #102019e8;
}
.snack-card small {
  color: #d7bd90;
  font-size: 10px;
  letter-spacing: 1.2px;
}
.snack-card p,
.camp-poll p,
.thought-prompt p {
  font-size: 14px;
  line-height: 1.8;
  color: #dfdfcc;
}
.snack-card .snack-ingredients {
  color: #ddc99f;
  margin: 15px 0;
  font-size: 13px;
}
.camp-poll .tent-tabs {
  margin-top: 16px;
}
.community-status {
  min-height: 20px;
  margin: 15px 0;
  color: #eed5a7;
  font-size: 14px;
  line-height: 1.7;
}
.thought-prompt #thought-prompt {
  font-family: var(--serif);
  font-size: 27px;
  line-height: 1.25;
  color: #efe4cd;
  margin-bottom: 16px;
}
.community-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  flex-wrap: wrap;
}
.cinematic-journey [data-room] #object-actions .community-actions button {
  font-size: 12px;
  min-height: 44px;
}
.cinematic-journey [data-room] #object-actions [aria-pressed='true'] {
  background: #d9c195;
  color: #23392c;
}
.community-room .track-title {
  font-family: var(--serif);
  font-size: 30px;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.track-artist {
  font-size: 14px;
  color: #d9d9c7;
  margin: 8px 0 14px;
  overflow-wrap: anywhere;
}
.plot-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 12px 0;
}
#plot-chapter {
  font-size: 11px;
  letter-spacing: 1px;
  color: #d7bd90;
}
#plot-lines {
  padding: 24px;
  background: #102019e8;
  border: 1px solid #cbb68745;
  margin: 18px 0;
  max-height: 440px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.plot-seed {
  font-family: var(--serif);
  font-size: 27px;
  line-height: 1.3;
  color: #ead8b2;
  margin-bottom: 22px;
}
.plot-line {
  padding: 14px 0;
  border-top: 1px solid #cbb68730;
}
.plot-line small {
  font-size: 10px;
  letter-spacing: 1px;
  color: #d2bc92;
  display: block;
  margin-bottom: 7px;
}
#plot-form {
  margin-top: 24px;
}
.community-room .story-action {
  margin-top: 0 !important;
}
@media (max-width: 760px) {
  .cinematic-journey [data-room] .community-room input {
    font-size: 16px;
  }
  .snack-card,
  .camp-poll,
  .thought-prompt {
    padding: 20px;
  }
  #plot-lines {
    max-height: 350px;
    padding: 20px;
  }
}