#mystery-welcome.zinki-welcome-note {
  --zinki-note-purple: #6230bc;
  --zinki-note-ink: #26133f;
  box-sizing: border-box;
  width: min(720px, calc(100% - 24px));
  max-height: calc(100dvh - 24px);
  padding: 42px 36px 28px;
  border: 1px solid #dcd0ed;
  border-radius: 28px;
  background: #fff !important;
  color: var(--zinki-note-ink);
  overflow: auto;
  text-align: left;
}
#mystery-welcome.zinki-welcome-note[open] { display: block; }
#mystery-welcome.zinki-welcome-note .mystery-close { color: var(--zinki-note-purple); }
#mystery-welcome.zinki-welcome-note .mystery-close:hover { background: #f3edf9; }
#mystery-welcome.zinki-welcome-note .mystery-welcome-heading { margin: 0; text-align: center; }
#mystery-welcome.zinki-welcome-note h2 {
  max-width: none;
  margin: 0;
  color: var(--zinki-note-purple);
  font: 800 clamp(26px, 4.5vw, 38px)/1.16 Arial, Helvetica, sans-serif;
  letter-spacing: -.7px;
}
#mystery-welcome.zinki-welcome-note .zinki-note-divider {
  display: flex; align-items: center; justify-content: center; gap: 16px; margin: 19px auto 25px; max-width: 310px;
}
#mystery-welcome.zinki-welcome-note .zinki-note-divider > span { height: 1px; background: #d8c9ec; flex: 1; }
#mystery-welcome.zinki-welcome-note .zinki-note-divider b { color: var(--zinki-note-purple); font: 28px/1 Arial, sans-serif; }
#mystery-welcome.zinki-welcome-note .mystery-welcome-stage {
  display: block; margin: 0; padding: 0; background: #fff; border-radius: 0; overflow: visible;
}
#mystery-welcome.zinki-welcome-note .zinki-note-copy p {
  position: static; margin: 0 0 20px; color: var(--zinki-note-ink);
  font: 400 17px/1.65 Arial, Helvetica, sans-serif; letter-spacing: normal; text-align: left;
}
#mystery-welcome.zinki-welcome-note .zinki-note-copy .zinki-note-closing { text-align: center; margin: 25px 0 20px; }
#mystery-welcome.zinki-welcome-note .zinki-note-copy .zinki-note-signature { color: #000; font-weight: 700; margin-bottom: 24px; }
#mystery-welcome.zinki-welcome-note .zinki-note-signature > span { color: var(--zinki-note-purple); font: italic 32px/1.3 Georgia, serif; }
#mystery-welcome.zinki-welcome-note .mystery-welcome-invitation { margin: 0; }
#mystery-welcome.zinki-welcome-note .mystery-discover,
#mystery-welcome.zinki-welcome-note .mystery-continue {
  width: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center;
  background: #6230bc !important; border: 1px solid #6230bc !important; color: #fff !important;
  border-radius: 22px; padding: 16px 20px; min-height: 56px;
  font: 700 18px/1.35 Arial, Helvetica, sans-serif; text-decoration: none;
}
#mystery-welcome.zinki-welcome-note .mystery-continue { margin-top: 13px; }
#mystery-welcome.zinki-welcome-note .mystery-continue > span { color: inherit; }
#mystery-welcome.zinki-welcome-note .mystery-unlock-calm { padding: 20px; }
#mystery-welcome.zinki-welcome-note .mystery-unlock-calm small { color: #fff !important; font-size: 14px !important; line-height: 1.55 !important; }
#mystery-welcome.zinki-welcome-note .mystery-discover:hover,
#mystery-welcome.zinki-welcome-note .mystery-continue:hover { background: #51269f !important; }
#mystery-welcome.zinki-welcome-note :focus-visible { outline: 3px solid var(--zinki-note-purple); outline-offset: 3px; }
#mystery-welcome.zinki-welcome-note h2:focus { outline: none; }
@media (max-width: 560px) {
  #mystery-welcome.zinki-welcome-note { width: calc(100% - 20px); max-height: calc(100dvh - 20px); padding: 42px 22px 23px; border-radius: 25px; }
  #mystery-welcome.zinki-welcome-note .zinki-note-copy p { font-size: 16px; line-height: 1.6; margin-bottom: 18px; }
  #mystery-welcome.zinki-welcome-note .mystery-discover,
  #mystery-welcome.zinki-welcome-note .mystery-continue { font-size: 17px; padding: 16px 13px; }
}

/* Compact typography for the Zinki welcome note only. */
#mystery-welcome.zinki-welcome-note h2 {
  font-size: clamp(24px, 4.5vw, 36px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.8px !important;
}
#mystery-welcome.zinki-welcome-note .zinki-note-divider {
  margin: 14px auto 8px !important;
}
#mystery-welcome.zinki-welcome-note .zinki-note-copy p {
  font-size: 16px !important;
  line-height: 1.45 !important;
  letter-spacing: -0.2px !important;
  margin: 0 0 12px !important;
}
#mystery-welcome.zinki-welcome-note .zinki-note-copy .zinki-note-closing {
  margin: 16px 0 14px !important;
}
#mystery-welcome.zinki-welcome-note .zinki-note-copy .zinki-note-signature {
  margin-bottom: 18px !important;
}
#mystery-welcome.zinki-welcome-note .zinki-note-signature > span {
  font-size: 30px !important;
  line-height: 1.2 !important;
}
@media (max-width: 560px) {
  #mystery-welcome.zinki-welcome-note .zinki-note-copy p {
    font-size: 15px !important;
    line-height: 1.4 !important;
  }
}