/* Under construction (19 Oct 2026, construction.js): the owner's Visibility
   dev mode. The red ring on a marked app's coin or tile (the owner, switch on),
   and the page everyone else sees instead of the app. The phone's twins are
   components/StripKey.tsx `building`, components/AppTile.tsx `building` and
   components/UnderConstruction.tsx; the red is devApps.mjs BUILDING_RED. */
:root { --building-red: #E5484D; }

/* A coin of the row: the ring just outside it, following its round. */
.wheel-community.building,
.wheel-place.building { outline: 2px solid var(--building-red); outline-offset: 3px; }
/* An app tile: round its square, not its name. */
.app-tile.building .app-tile-art { outline: 2px solid var(--building-red); outline-offset: 3px; }

.building-page {
  min-height: 100%; box-sizing: border-box;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 14px; padding: 32px 24px 120px; text-align: center;
}
.building-page .building-title { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: -0.3px; color: var(--ink); max-width: 22em; }
.building-page .building-line { margin: -8px 0 0; font-size: 15px; color: var(--ink-muted); }
.building-page .building-back { margin-top: 8px; min-width: 140px; min-height: 44px; }
/* Settings › Visibility dev mode: the marked apps' list. */
.building-dot { width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--building-red); flex: none; }