/* Shared theme tokens for login + play pages. Pulled out so the canvas
   renderer in app.js can read them off computed-style without depending
   on which HTML embedded them. */
:root {
  --page-bg: #0E2018;
  --trim: #dfe5cf;
  --trim-muted: rgba(223, 229, 207, 0.5);
  --edge-inset: 20px;
  color-scheme: dark;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  /* See play.html: 100dvh / 100% trigger the iOS PWA "chin gap" bug
     under viewport-fit=cover + black-translucent. 100vh is the only
     value that resolves to the true viewport height with the status
     bar offset applied. */
  height: 100vh;
  overflow: hidden;
  background: var(--page-bg);
  color: var(--trim);
  font-family: "Inter", "SF Pro Text", system-ui, sans-serif;
  -webkit-tap-highlight-color: transparent;
}
body {
  user-select: none;
  -webkit-user-select: none;
}