.walker-steps {
  position: fixed;
  right: 16px;
  top: calc(28px + env(safe-area-inset-top));
  margin: 0;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--muted);
  pointer-events: none;
}
.walker-steps span { color: var(--ink); font-size: 16px; }

@media (min-width: 761px) {
  .walker-steps { right: 32px; top: 40px; }
}

@media (max-width: 760px) {
  .walker-steps {
    top: auto;
    bottom: calc(66px + env(safe-area-inset-bottom));
    left: 0;
    right: 0;
    text-align: center;
  }
}