.corner-controls {
  position: fixed;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 6px;
}

.corner-left {
  top: 8px;
  left: 8px;
}

.corner-button {
  min-height: 30px;
  border: 0;
  border-radius: 8px;
  padding: 0 0.52rem;
  background: #2563eb;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 8px 24px rgb(0 0 0 / 20%);
}

.home-link {
  display: inline-grid;
  place-items: center;
}

.menu-key {
  position: fixed;
  top: 8px;
  right: 8px;
  z-index: 20;
  min-width: 34px;
}

.help-overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgb(0 0 0 / 48%);
}

.help-dialog {
  width: min(100%, 390px);
  max-height: min(520px, calc(100vh - 36px));
  overflow: auto;
  border-radius: 8px;
  padding: 16px;
  background: #f2f5f3;
  color: #24302b;
  box-shadow: 0 18px 70px rgb(0 0 0 / 35%);
}

.help-dialog h2 {
  margin: 0 0 12px;
  color: #f97316;
  font-size: 1.3rem;
}

.help-dialog ul {
  display: grid;
  gap: 9px;
  margin: 0 0 16px;
  padding-left: 1.1rem;
}

.help-dialog .control-button {
  background: #2563eb;
  color: #fff;
}