/* V64.29 — PASS result reference pass. Presentation only; live reward,
   share handlers, approved artwork, lift and motion remain unchanged. */
.reference-pass .reference-result-callout {
  min-height: 112px;
  padding: 12px 14px;
  gap: 8px;
  border-radius: 18px;
}
.reference-pass .reference-result-callout > strong {
  font-size: 48px;
  line-height: 1;
  letter-spacing: -.015em;
  text-align: center;
  color: #ffcf32;
  text-shadow: 0 0 14px #ffc10726;
}
.reference-pass .reference-result-callout > span {
  margin: 0;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color: #c1e3f0;
}
.reference-pass .reference-result-callout > span b { color: #ff354d; white-space: nowrap; }
.reference-pass .reference-primary.reference-telegram {
  min-height: 62px;
  padding: 12px 14px;
  font-size: 21px;
  line-height: 1.15;
  gap: 9px;
  border-radius: 17px;
}
.reference-pass .reference-telegram .spark-ui-icon { width: 25px; height: 25px; }
.reference-pass .reference-button-note { font-size: 15px; line-height: 19px; }
.reference-pass .reference-share-actions {
  gap: 8px;
  margin: 3px 0 0;
  padding: 0 3px;
}
.reference-pass .reference-share-actions button {
  min-width: 0;
  min-height: 70px;
  padding: 2px 0;
  grid-template-rows: 44px minmax(18px, auto);
  align-content: start;
  gap: 6px;
  touch-action: manipulation;
}
.reference-pass .reference-share-actions button > span {
  width: 44px;
  height: 44px;
  border-color: #75cbe88c;
  box-shadow: inset 0 1px #d0f5ff24;
}
.reference-pass .reference-share-actions button:nth-child(2) > span {
  background: linear-gradient(145deg, #00b9f4, #0077c9);
  border-color: #09b8f5;
}
.reference-pass .reference-share-actions button:nth-child(3) > span {
  background: linear-gradient(145deg, #00e676, #00b95c);
  border-color: #31f5a1;
}
.reference-pass .reference-share-actions .spark-ui-icon { width: 24px; height: 24px; }
.reference-pass .reference-share-actions small {
  font-size: 13px;
  line-height: 18px;
  color: #bad7ec;
  text-align: center;
  overflow-wrap: anywhere;
}
.reference-pass .reference-keep-alive { font-size: 14px; line-height: 19px; }

@media (max-height: 740px) {
  /* Let the result grow naturally on small phones instead of letting its
     final sharing rows overflow a fixed-height parent into Handoff Details. */
  .reference-pass .reference-result-main { height: auto; min-height: 0; }
  .reference-pass .reference-result-main .reference-scene {
    flex: 0 0 auto;
    height: clamp(126px, calc(var(--spark-viewport-height) - 490px), 220px);
  }
  .reference-pass .reference-result-callout { min-height: 94px; padding: 9px 10px; gap: 6px; }
  .reference-pass .reference-result-callout > strong { font-size: 42px; }
  .reference-pass .reference-result-callout > span { font-size: 16px; line-height: 20px; }
  .reference-pass .reference-primary.reference-telegram { min-height: 54px; font-size: 19px; padding: 10px; }
  .reference-pass .reference-button-note { font-size: 14px; line-height: 18px; }
  .reference-pass .reference-share-actions button { min-height: 68px; gap: 4px; }
  .reference-pass .reference-keep-alive { font-size: 13px; line-height: 18px; }
}
@media (min-width: 700px) and (min-height: 741px) {
  .reference-pass .reference-result-main {
    height: calc(var(--tg-viewport-stable-height, var(--spark-viewport-height)) - 152px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  }
}