/*
 * PLACEHOLDER. Phase 3 replaces this file entirely.
 *
 * It exists so that a deployed pond is something you can look at and tell
 * whether the port worked, rather than a blank page and a 404 in the
 * console. The real thing — nine screens, the camera, the sprites — is
 * docs/pond/UI.md and src/client/.
 *
 * The one thing here that is not a placeholder is the water colour, which
 * is the brand sky-blue the product photos are anchored to.
 */

:root {
  --p-water: #8ecae6;
  --p-ink: #123;
  color-scheme: light dark;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  background: var(--p-water);
  color: var(--p-ink);
  font: 16px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace;
  text-align: center;
  padding: 24px;
}

#pond p { margin: 0.5em 0; }
#pond strong { font-size: 1.4rem; }