html, body { margin: 0; height: 100%; background: #070912; overflow: hidden; }
canvas { display: block; width: 100%; height: 100%; }

.hud {
  position: fixed; left: 12px; top: 10px;
  color: #cdd6ff;
  font: 13px/1.35 system-ui, Segoe UI, sans-serif;
  text-shadow: 0 1px 0 rgba(0,0,0,.65);
  white-space: pre;
  user-select: none;
  opacity: 0.95;
}

.hint {
  position: fixed; left: 12px; bottom: 10px;
  color: #a9b2d8;
  font: 12px/1.25 system-ui, Segoe UI, sans-serif;
  user-select: none;
  opacity: 0.85;
}