/* Phase 8.3 — reuses the established Love Fortune page styles. */
.ld-main .ld-card{max-width:760px;margin-inline:auto;text-align:center}
.ld-illustration{display:flex;align-items:center;justify-content:center;gap:0;width:110px;height:100px;margin:0 auto 18px;border-radius:29px;background:linear-gradient(145deg,#ffe9f0,#fff6f8);border:1px solid #f3c8d5;box-shadow:0 12px 35px rgba(166,56,93,.09)}
.ld-illustration span{font-size:49px;line-height:1;color:#c55b82}.ld-illustration span+span{font-size:31px;color:#ed9bb5;margin-left:-10px;margin-top:22px}
.ld-kicker{font-size:.76rem;font-weight:800;letter-spacing:.12em;color:#b65876;margin:8px 0 11px}
.ld-scenario{max-width:590px;margin:12px auto 23px;line-height:1.85;font-size:1.04rem;white-space:pre-line}
.ld-options{max-width:650px;margin:19px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.ld-option{display:block;width:100%;border:1px solid #e9b1c4;border-radius:17px;background:#fffafa;color:#743e54;padding:18px 19px;line-height:1.55;text-align:left;font:inherit;font-weight:650;cursor:pointer;transition:background .15s, border-color .15s,transform .15s}
.ld-option:hover{background:#fff0f5;border-color:#cb7396;transform:translateY(-2px)}
.ld-option:focus-visible{outline:3px solid #bd517a;outline-offset:3px}
.ld-option strong{display:block;font-size:.75rem;letter-spacing:.08em;color:#b74f75;margin-bottom:6px}
.ld-picked{margin:15px auto 12px;max-width:570px;font-size:.93rem;color:#894e67}
.ld-result{padding:20px 18px 10px;margin-top:18px;border-radius:18px;background:#fff4f7;border:1px solid #f3c8d5}
.ld-result h3{margin:9px 0 12px;color:#903e61}.ld-result>p{line-height:1.85}.ld-result .lf-action{text-align:left}
.ld-main [hidden]{display:none!important}
@media(max-width:640px){.ld-options{grid-template-columns:1fr}.ld-option{padding:15px 16px}.ld-illustration{height:85px;width:94px}}
@media(prefers-reduced-motion:reduce){.ld-option{transition:none}}

/* Phase 8.7 — extended choice-specific results. No changes to game flow. */
.ld-your-choice{max-width:610px;margin:10px auto 18px;padding:12px 16px;border:1px solid #f0cada;border-radius:12px;background:#fffafa;color:#75465b;font-size:.94rem;line-height:1.6}
.ld-your-choice strong{color:#9d476b}
.ld-deeper{max-width:620px;margin:14px auto 20px;line-height:1.85;color:#624759}
.ld-next-step{text-align:left;background:#fffafc;border:1px solid #f1c7d7;border-radius:15px;padding:16px 18px;margin-top:16px}
.ld-next-step strong{color:#9c456a}
.ld-next-step p{margin:8px 0 0;line-height:1.75}


/* Phase 13.3 — result-first clarity, smaller mobile gaps, reduced-motion-safe reveal. */
.ld-card.lb-completed .ld-result {
  background:linear-gradient(145deg,#fffafc,#fff2f7);
  border-color:#e8b7cb;
  box-shadow:0 8px 24px rgba(138,55,91,.065);
}
.ld-card.lb-completed #ld-result-title {color:#873653}
.ld-card.lb-completed .ld-your-choice {
  background:#fff;
  border-color:#edbfd1;
  margin:10px auto 12px;
}
.ld-card.lb-completed .ld-result .lf-action {margin-top:12px}
@keyframes ld-result-reveal {
  from {opacity:0;transform:translateY(7px)}
  to {opacity:1;transform:translateY(0)}
}
.ld-result.ld-newly-revealed {animation:ld-result-reveal .22s ease-out both}
@media (max-width:640px) {
  .ld-main .ld-card {padding:24px 16px 22px}
  .ld-main .ld-illustration {margin-bottom:12px}
  .ld-main .ld-kicker {margin:6px 0 8px}
  .ld-main .ld-scenario {margin:9px auto 14px;line-height:1.7}
  .ld-main .ld-options {margin:13px auto;gap:10px}
  .ld-main .ld-option {padding:13px 15px;min-height:48px}
  .ld-main .ld-result {margin-top:12px;padding:17px 14px 12px}
  .ld-main .ld-result h3 {margin:7px 0 9px}
  .ld-main .ld-result > p {line-height:1.7}
  .ld-main .ld-your-choice {padding:10px 13px;margin:10px auto 12px}
  .ld-main .ld-deeper {margin:10px auto 13px;line-height:1.7}
  .ld-main .ld-next-step {padding:13px 15px;margin-top:12px}
  .ld-main .ld-next-step p {line-height:1.65;margin-top:6px}
  .ld-main .ld-result .lf-action {padding:13px 15px}
  .ld-main .ld-card .lf-next {margin-top:11px}
}
@media (prefers-reduced-motion:reduce) {
  .ld-result.ld-newly-revealed {animation:none}
}