/* V23.7 — níveis respeitam o encerramento + pergunta refinada */

/* O encerramento só surge quando realmente chega a vez dele. */
.opened-message .story-gated-content[hidden]{display:none!important}
.opened-message .story-gated-content.is-open{display:block}
.opened-message .story-gated-content > .emotional-ending{
  margin-top:clamp(34px,5vw,58px)!important;
}
.opened-message .story-gated-content .story-gated-content{
  margin-top:24px;
}

/* Pergunta / desbloqueio — visual mais claro e mais premium */
.opened-message .story-unlock{
  width:min(100%,680px)!important;
  padding:clamp(24px,3.2vw,36px)!important;
  border-radius:30px!important;
  overflow:hidden;
  position:relative;
}
.opened-message .story-unlock::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 4%,rgba(255,111,174,.10),transparent 27%),
    radial-gradient(circle at 88% 12%,rgba(180,112,244,.07),transparent 28%);
}
.opened-message .story-unlock-top,
.opened-message .story-unlock-form,
.opened-message .story-unlock-reveal{
  position:relative;
  z-index:1;
}
.opened-message .story-unlock-top{
  gap:13px!important;
}
.opened-message .story-unlock-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-family:"DM Sans",sans-serif!important;
  text-transform:none!important;
  letter-spacing:0!important;
  color:#8b536c!important;
}
.opened-message .story-unlock-kicker b{
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  line-height:1.2;
}
.opened-message .story-unlock-kicker-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#ad6b32;
  background:linear-gradient(145deg,#fff4cf,#f8d889);
  border:1px solid rgba(166,111,34,.12);
  box-shadow:0 10px 22px rgba(132,84,20,.10);
}
.opened-message .story-unlock-kicker-icon .ui-icon{
  width:15px!important;
  height:15px!important;
}
.opened-message .story-unlock-question{
  max-width:20ch!important;
  margin:1px auto 0!important;
  font-size:clamp(30px,3.1vw,44px)!important;
  line-height:1.06!important;
  letter-spacing:-.025em!important;
  text-wrap:balance;
}
.opened-message .story-unlock-top > small{
  margin-top:-2px!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.opened-message .story-unlock-form{
  max-width:590px!important;
  margin-top:24px!important;
}
.opened-message .story-unlock .unlock-answer,
.opened-message .story-unlock .unlock-submit-btn{
  min-height:60px!important;
}
.opened-message .story-unlock .unlock-answer{
  font-size:16px!important;
  padding-inline:18px!important;
}
.opened-message .story-unlock .unlock-submit-btn{
  min-width:170px!important;
  padding-inline:22px!important;
}
.opened-message .story-unlock.is-unlocked{
  border-color:rgba(84,181,137,.22)!important;
  box-shadow:0 20px 48px rgba(57,145,106,.10)!important;
}
.opened-message .story-unlock.is-unlocked .story-unlock-kicker-icon{
  color:#31785d;
  background:linear-gradient(145deg,#e9fff5,#c9f2df);
  border-color:rgba(57,145,106,.14);
}
.opened-message .story-unlock-reveal{
  max-width:560px;
  margin-left:auto;
  margin-right:auto;
  color:inherit;
}

/* Night / vidro preservam a identidade visual do papel */
.opened-message .paper.paper-night .story-unlock-kicker,
.opened-message .paper.paper-glass .story-unlock-kicker{
  color:#e3b4c8!important;
}
.opened-message .paper.paper-night .story-unlock-kicker-icon,
.opened-message .paper.paper-glass .story-unlock-kicker-icon{
  color:#ffd173;
  background:linear-gradient(145deg,rgba(255,209,115,.16),rgba(255,255,255,.045));
  border-color:rgba(255,215,137,.12);
  box-shadow:none;
}
.opened-message .paper.paper-night .story-unlock.is-unlocked .story-unlock-kicker-icon,
.opened-message .paper.paper-glass .story-unlock.is-unlocked .story-unlock-kicker-icon{
  color:#91e7bf;
  background:linear-gradient(145deg,rgba(109,222,169,.16),rgba(255,255,255,.045));
  border-color:rgba(124,230,182,.12);
}

/* Transição quando um nível é liberado */
.opened-message .gate-opened-label{
  display:flex!important;
  width:max-content;
  max-width:100%;
  align-items:center;
  gap:8px;
  margin:28px auto 18px!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  font-family:"DM Sans",sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.opened-message .gate-opened-label .ui-icon{width:14px;height:14px}
.opened-message .paper.paper-night .gate-opened-label,
.opened-message .paper.paper-glass .gate-opened-label{
  background:rgba(113,220,171,.10)!important;
  color:#bcefd7!important;
  border:1px solid rgba(113,220,171,.12);
}

@media(max-width:760px){
  .opened-message .story-unlock{
    padding:22px 16px!important;
    border-radius:24px!important;
  }
  .opened-message .story-unlock-question{
    max-width:100%!important;
    font-size:clamp(27px,8vw,36px)!important;
  }
  .opened-message .story-unlock-form{
    grid-template-columns:1fr!important;
  }
  .opened-message .story-unlock .unlock-submit-btn{
    width:100%!important;
    min-width:0!important;
  }
}