:root {
  --bg: #0a1633;
  --bg-deep: #071022;
  --text: #e8f0ff;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--bg);
  background-image:
    linear-gradient(rgba(80, 140, 220, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(80, 140, 220, 0.07) 1px, transparent 1px),
    radial-gradient(circle at 50% 22%, #163056 0%, var(--bg) 42%, var(--bg-deep) 100%);
  background-size: 48px 48px, 48px 48px, 100% 100%;
  font-family: "Fredoka", "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;
  color: var(--text);
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: none;
}
canvas {
  display: block;
  margin: 0 auto;
  touch-action: none;
}