* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 100%; height: 100%; overflow: hidden; background: #0a0a0f; }
#screen { display: block; width: 100vw; height: 100vh; image-rendering: pixelated; }
#hud {
  position: fixed; bottom: 0; left: 0; right: 0;
  display: flex; gap: 1.5rem; align-items: center;
  padding: 0.5rem 1rem;
  font: 13px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  color: #cfd2dc; background: rgba(10, 10, 15, 0.7);
  backdrop-filter: blur(4px);
}
#hud .hint { margin-left: auto; opacity: 0.6; }
#pen { color: #8be08b; }