/* Compact prototype shortcut, outside the main training interface. */
.relacality-launcher {
  position: absolute;
  top: 16px;
  left: max(16px, env(safe-area-inset-left));
  max-width: calc(100vw - 216px);
  z-index: 20;
}

.relacality-launcher a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid #9db9d3;
  border-radius: 10px;
  background: #edf5ff;
  color: #154e83;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.relacality-launcher a:hover { background: #dbeeff; }
.relacality-launcher a:focus-visible {
  outline: 3px solid #2578b7;
  outline-offset: 3px;
}

@media (max-width: 360px) {
  .relacality-launcher a { padding: 8px; font-size: .72rem; }
}

@media (forced-colors: active) {
  .relacality-launcher a { border-color: LinkText; }
  .relacality-launcher a:focus-visible { outline-color: Highlight; }
}