:root {
  --bg:     #080c14;
  --fg:     #e8eaf0;
  --accent: #a0c4ff;
  --glow:   rgba(160, 196, 255, 0.15);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; overflow: hidden; background: var(--bg); }
canvas { display: block; width: 100vw; height: 100vh; height: 100dvh; touch-action: none; -webkit-tap-highlight-color: transparent; user-select: none; }

.begin-screen {
  position: fixed; inset: 0;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg);
  font-family: system-ui, sans-serif;
  font-size: 15px; font-weight: 400; letter-spacing: 0.08em;
  color: rgba(232, 234, 240, 0.5);
  transition: opacity 0.6s ease;
  pointer-events: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}