/* Endless Runner — scoped under .run */
.run { display: grid; gap: 10px; justify-items: center; width: 100%; margin-inline: auto; }
.run-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; max-width: 640px; }
.run-pause { width: 40px; padding: 0; }
.run-stage {
  position: relative; width: 100%;
  border-radius: var(--r-lg); overflow: hidden;
  box-shadow: inset 0 0 0 1px var(--line);
  touch-action: none; user-select: none; -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent; outline: none; cursor: pointer;
}
.run-stage:focus-visible { box-shadow: 0 0 0 3px var(--focus); }
.run-stage canvas { display: block; width: 100%; height: 100%; }
.run-stage .k-overlay { border-radius: var(--r-lg); }
.run-hint { color: var(--muted); font-size: var(--t-xs); text-align: center; max-width: 34em; }
.run .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }