/* The same invitation panel as Temple Oracle, in Ming's jade and brass. */
.ng-share--ming {
  --share-ink: #f1dfb1;
  --share-muted: #c0cfc5;
  --share-line: #c8ad7166;
  --share-bg: #0b2227;
  --share-glow: #284237;
  font-family: var(--sans);
}
.ng-share--ming .ng-share-trigger {
  top: auto;
  right: max(24px, env(safe-area-inset-right));
  bottom: max(20px, env(safe-area-inset-bottom));
  width: auto;
  min-width: 44px;
  padding: 0 16px;
  border-radius: 5px;
  background: linear-gradient(135deg, #294238f5, #0b2227fa);
  box-shadow: inset 0 1px 0 #f4dfa82b, 0 3px 0 #0b1819, 0 8px 24px #0006;
  z-index: 38;
}
.ng-share--ming .ng-share-trigger span { display: inline; font-size: 14px; }
.ng-share--ming .ng-share-trigger:hover { border-color: #e3c78e; }
.ng-share--ming .ng-share-title { font-family: var(--serif); }
.intro-pending .ng-share--ming .ng-share-trigger,
.intro-active .ng-share--ming .ng-share-trigger { visibility: hidden; pointer-events: none; }
.ming-support { grid-column: 1 / -1; text-align: center; margin: 14px 0 0; }
.ming-support a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 6px 12px;
  color: #d8c18c;
  font: 14px var(--sans);
  text-decoration: underline;
  text-decoration-color: #d8c18c55;
  text-underline-offset: 5px;
}
.ming-support a:hover { color: #ffe8b5; text-decoration-color: currentColor; }
.home-screen > .ming-support { order: 8; margin: -8px 0 35px; }
.result-screen > .ming-support { margin-bottom: 20px; }
@media (max-width: 760px) {
  .ng-share--ming .ng-share-trigger { right: max(16px, env(safe-area-inset-right)); padding: 0 13px; }
  .home-screen > .ming-support { margin-top: 8px; }
}