.scene--instagram-invite .bubble,
.scene--instagram-invite .spark { visibility: hidden; }
.instagram-backdrop { background: transparent; animation: none; }
.instagram-card {
  width: min(100%, 620px);
  max-height: 100%;
  color: #fff8fd;
  text-align: center;
}
.instagram-card h2 { margin: 0 auto clamp(28px, 6vmin, 44px); max-width: 22ch; font-size: clamp(24px, 7vmin, 38px); line-height: 1.3; white-space: pre-line; text-shadow: 0 3px 18px rgb(7 10 27 / 80%); }
.instagram-actions { display: flex; justify-content: center; gap: clamp(12px, 4vmin, 28px); }
.instagram-actions a,
.instagram-actions button {
  display: inline-flex;
  width: clamp(112px, 28vmin, 156px);
  height: clamp(112px, 28vmin, 156px);
  align-items: center;
  justify-content: center;
  padding: 18px;
  border: 1px solid rgb(255 231 247 / 62%);
  border-radius: 50%;
  color: inherit;
  font: inherit;
  font-size: clamp(14px, 3.5vmin, 18px);
  line-height: 1.15;
  text-decoration: none;
  cursor: pointer;
  touch-action: none;
  text-align: center;
  box-shadow: inset 8px 9px 16px rgb(255 255 255 / 12%), 0 0 24px rgb(141 228 255 / 18%);
}
.instagram-open,
.instagram-actions button {
  background: rgb(255 255 255 / 10%);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.instagram-actions a:focus-visible,
.instagram-actions button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media (max-width: 360px) {
  .instagram-card h2 { font-size: 23px; }
  .instagram-actions { gap: 8px; }
  .instagram-actions a, .instagram-actions button { width: 108px; height: 108px; padding: 14px; }
}