*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body { background: #0a0a0a; font-family: monospace; }
nav { position: fixed; top: 0; left: 0; z-index: 10; padding: 1rem 1.5rem; }
nav a { color: #aaa; text-decoration: none; font-size: 0.85rem; }
nav a:hover { color: #fff; }
#canvas { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: block; }
.scroll-space { height: 400vh; }
.hint {
  position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%);
  color: #333; font-size: 0.75rem; letter-spacing: 0.1em; pointer-events: none;
}