/* Feedback is anchored to the viewport, independently of screen layout. */
.app-shell .toast {
  position: fixed;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  box-sizing: border-box;
  width: max-content;
  max-width: min(420px, calc(100vw - 24px));
  min-height: 44px;
  padding: 12px 16px;
  display: grid;
  place-items: center;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  font-size: var(--ui-size-caption, 14px);
  font-weight: var(--ui-weight-regular, 400);
  line-height: var(--ui-line-caption, 20px);
}
.app-shell:has(.scar-live-dock) .toast {
  bottom: calc(180px + var(--safe-bottom, 8px));
}
.scar-game-controls .plinko-heading {
  width: auto;
  max-width: calc(100% - 88px);
  justify-content: flex-start;
  gap: 12px;
}