/* The Myles 8A tour, USER207 additions to the 206 design (tour206.css is unchanged and still the whole look). */
/* The first-visit hint never blocks the panorama: a press on it reaches the ring or the drag beneath it; only its close button is a target. */
#hint { pointer-events: none; }
#hint .x { pointer-events: auto; }
/* USER212: the rings' second way to draw (a 2D canvas right above the panorama, under the scrim; never a target - taps reach the panorama),
   and the device report shown only with ?diag. */
#rings2d { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; pointer-events: none; z-index: var(--z-pano); }
#diag212 { position: fixed; left: 6px; right: 6px; bottom: calc(6px + var(--safe-b)); z-index: 30; max-height: 52vh; overflow: auto; margin: 0; padding: 8px 10px;
  background: rgba(250, 250, 248, .94); color: #17191c; border-radius: 8px; box-shadow: var(--shadow); font: 10.5px/1.35 ui-monospace, Menlo, Consolas, monospace;
  white-space: pre-wrap; word-break: break-word; }
#diag212.small { max-height: 4.2em; }

/* ARCHIVIZ demo (pipeline/tour/make_runtime.py): the credit line under the help panel */
#help .credit { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--line); font-size: .75rem; line-height: 1.4; color: var(--ink-3); }