/* ============================================================
   THE HOUSE DRESS — build .37's design-unification layer.

   The candlelit gothic identity is FINAL and does not change
   here: same near-black rooms, same ember gold, same serif
   display faces. What this sheet unifies is the FIT — one scale
   of spacing, one card dress, one control dress — so a door in
   any room of the house feels like a door in every room. It is
   additive over the standing sheets; where a room keeps its own
   deliberate dress, that dress stands.
   ============================================================ */

:root {
  /* The house scale: one rhythm for gaps and corners. */
  --house-gap: 14px;
  --house-gap-sm: 8px;
  --house-gap-lg: 22px;
  --house-radius: 14px;
  --house-radius-sm: 10px;
  --house-pad: 16px;
  /* The standing identity, named once for the unified pieces. */
  --house-gold: #d9a441;
  --house-gold-soft: rgba(217, 164, 65, 0.35);
  --house-line: rgba(217, 164, 65, 0.22);
  --house-ink: #efe6d8;
}

/* Every page breathes to the same floor: the last words of a
 * room never hide beneath the floating bubbles or the bar. */
.page { padding-bottom: 120px; }

/* — One card dress — */
.card {
  border-radius: var(--house-radius);
  padding: var(--house-pad);
  margin-bottom: var(--house-gap);
}
.card h2 { margin-top: 0; }

/* — One control dress — */
.btn { border-radius: 999px; }
.input, input.input, select.input, textarea.input {
  border-radius: var(--house-radius-sm);
}
.toggle-row {
  gap: var(--house-gap);
  padding: 12px 2px;
}
.kv { padding: 7px 0; }

/* — Click-through faces: a tappable face answers the tap — */
[data-face-href] { cursor: pointer; }
[data-face-href]:focus-visible {
  outline: 2px solid var(--house-gold);
  outline-offset: 2px;
}

/* — Build .37: a snuffed bubble is ABSENT, never a grey ghost — */
.float-off { display: none !important; }

/* — The floating bubbles can be taken hold of — */
.porch-bubble, .back-bubble { touch-action: none; }
.porch-bubble:active, .back-bubble:active { cursor: grabbing; }