/* Settling — per-piece styles.
 * The chrome, gate, overlay, and about page come from the shared
 * engine/styles.base.css. This sheet carries only what is particular to
 * Settling: the field's own ground and a couple of local refinements.
 * © 2026 Joshua Borsman. All rights reserved.
 */

:root { --void: #04070d; }

#stage { cursor: default; background: var(--void); }

/* The reading numerals are drawn on the canvas in EB Garamond; nudge the
   browser to have the face ready before the work begins. */
.gate__title { font-feature-settings: "lnum" 1; }

/* Keep the live readout quiet — it is a museum-card detail, not a dashboard. */
.readout dd { font-variant-numeric: tabular-nums; }

@media (max-width: 640px) {
  /* On a phone the field is read top-to-bottom rather than across; the
     readout would crowd the wordmark, so let it recede. */
  .chrome--top-right .readout { font-size: 0.64rem; }
}