/* Look: Meeting House — PLACEHOLDER until the round 2 stylesheet (mockups/round2/i-am-with-you.css) is
   brought in. A plain pale wall, the scene in an arched window, words never laid over the picture. */
:root[data-look="meeting-house"] {
  --ink: #2a2a26;
  --dim: rgba(42, 42, 38, .68);
  --gold: #8a6a1f;
  --panel: rgba(243, 238, 227, .96);
  --card: rgba(250, 247, 240, .97);
  --btn: #5b6b4e;
  --btn-ink: #fbf7ee;
  --danger: #a3382f;
  --bg: #f3eee3;
  --wash: 243 238 227;
  --font: Georgia, "Times New Roman", serif;
}
:root[data-look="meeting-house"] body { font-family: var(--font); }
:root[data-look="meeting-house"] #scene {
  inset: 9vh 4vw 12vh auto; width: 36vw; animation: none;
  border-radius: 18vw 18vw 6px 6px; box-shadow: 0 0 0 10px #e8e1d2, 0 18px 40px rgba(0,0,0,.18);
}
:root[data-look="meeting-house"] #scene::after { display: none; }
:root[data-look="meeting-house"] #v-room { right: 42vw; }
:root[data-look="meeting-house"] body.hostopen #scene { right: calc(340px + 2vw); width: 26vw; }
:root[data-look="meeting-house"] body.hostopen #v-room { right: calc(340px + 30vw); }
:root[data-look="meeting-house"] input,
:root[data-look="meeting-house"] textarea,
:root[data-look="meeting-house"] select { background: #fff; box-shadow: inset 0 0 0 1px #d8cfbd; }
:root[data-look="meeting-house"] button.ghost { color: var(--ink); box-shadow: inset 0 0 0 2px var(--dim); }
:root[data-look="meeting-house"] .group li.now { background: rgba(138, 106, 31, .16); }
:root[data-look="meeting-house"] .sounds button,
:root[data-look="meeting-house"] .looks button,
:root[data-look="meeting-house"] .chips button,
:root[data-look="meeting-house"] button.move { background: rgba(0,0,0,.06); color: var(--ink); }
:root[data-look="meeting-house"] .credit { color: var(--dim); }
@media (max-width: 700px) {
  :root[data-look="meeting-house"] #scene { inset: 0 0 auto 0; width: 100%; height: 26vh; border-radius: 0 0 40% 40% / 0 0 20% 20%; }
  :root[data-look="meeting-house"] #v-room { right: 0; top: 26vh; }
}