/* Base styles shared by the welcome and play pages: dark space look, no images. */
:root { color-scheme: dark; --fg: #e6ecff; --dim: #93a0c0; --accent: #ffb454; --link: #8fc3ff; --line: #ffffff1f; }
* { box-sizing: border-box; }
html { background: #04050c; }
body {
  margin: 0; color: var(--fg); min-height: 100vh;
  font: 17px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background:
    radial-gradient(1px 1px at 12% 18%, #fff9, transparent), radial-gradient(1px 1px at 78% 8%, #fff8, transparent),
    radial-gradient(1.5px 1.5px at 42% 62%, #fffb, transparent), radial-gradient(1px 1px at 88% 74%, #fff9, transparent),
    radial-gradient(1px 1px at 25% 90%, #fff8, transparent), radial-gradient(1px 1px at 63% 36%, #fff7, transparent),
    radial-gradient(circle at 50% -10%, #1b1f4a, #04050c 65%);
  background-attachment: fixed;
}
a { color: var(--link); }
button, .button {
  display: inline-block; padding: .5rem 1.2rem; border: 0; border-radius: 10px; cursor: pointer;
  background: var(--accent); color: #1a1000; font: inherit; font-weight: 700; text-decoration: none;
}
button:hover, .button:hover { filter: brightness(1.12); }
table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
th, td { text-align: left; padding: .3rem .5rem; border-bottom: 1px solid var(--line); }
th { color: var(--dim); font-weight: 600; }