/* Shared ending styles. Aura is the live default. */
body[data-ending-style]:not([data-ending-style="original"]) .final-billboard .billboard-copy {
  border:0; background:transparent; width:min(600px,calc(100% - 32px)); padding:40px 28px;
}
body[data-ending-style]:not([data-ending-style="original"]) .final-billboard .billboard-copy h2 {
  font-size:clamp(30px,4vw,46px); line-height:1.12; letter-spacing:-.035em; font-weight:450; max-width:16ch; margin:0 auto;
}
.ending-thanks { font-size:16px; line-height:1.45; color:#444; margin:20px auto 0; max-width:34ch; }
body[data-ending-style]:not([data-ending-style="original"]) .final-billboard .billboard-intro { margin-top:16px; max-width:39ch; }
body[data-live-only="true"][data-ending-style="warm"] #laneLive #liveOrbStage[data-state="done"] #liveAura { opacity:.34; filter:blur(36px); translate:0 0; }
body[data-live-only="true"][data-ending-style="note"] .final-billboard .billboard-copy {
  width:min(520px,calc(100% - 32px)); text-align:left; border:1px solid rgba(0,0,0,.13); border-radius:12px; padding:40px;
}
body[data-live-only="true"][data-ending-style="note"] .final-billboard .billboard-copy h2 { font-size:clamp(28px,3vw,36px); max-width:18ch; margin:0; }
body[data-live-only="true"][data-ending-style="note"] .final-billboard .billboard-copy .billboard-intro { margin:20px 0 0; }
.ending-signature { font-size:15px; color:#555; margin:20px 0 0; }
body[data-live-only="true"][data-ending-style="note"] .final-billboard .billboard-actions .panel-actions { justify-content:flex-start; }
body[data-live-only="true"][data-ending-style="note"] #laneLive #liveOrbStage[data-state="done"] #liveAura { translate:30% -18%; opacity:.25; }
body[data-live-only="true"][data-ending-style="aura"] .final-billboard .billboard-copy { padding-top:190px; }
body[data-live-only="true"][data-ending-style="aura"] .final-billboard .billboard-copy h2 { font-size:clamp(30px,3vw,38px); max-width:20ch; }
body[data-live-only="true"][data-ending-style="aura"] #laneLive #liveOrbStage[data-state="done"] #liveAura {
  width:300px; max-width:70vw; left:50%; top:calc(50% - 275px); margin-left:-150px; translate:0 0; opacity:.6; filter:blur(6px);
}
body[data-ending-style]:not([data-ending-style="original"]) .final-billboard:not([hidden]) .billboard-message {
  animation:ending-unfold 750ms cubic-bezier(.16,1,.3,1) both;
}
@keyframes ending-unfold { from { opacity:.1; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media(max-width:480px) {
  body[data-live-only="true"][data-ending-style="note"] .final-billboard .billboard-copy { padding:32px 24px; }
  body[data-live-only="true"][data-ending-style="aura"] #laneLive #liveOrbStage[data-state="done"] #liveAura { width:260px; max-width:none; margin-left:-130px; }
}
@media(prefers-reduced-motion:reduce) {
  body[data-ending-style]:not([data-ending-style="original"]) .final-billboard:not([hidden]) .billboard-message { animation:closing-surface 150ms ease-out both; }
}

/* A calmer, deliberate type hierarchy for the Aura-led ending. */
body[data-live-only="true"][data-ending-style="aura"] .final-billboard .billboard-copy h2 {
  font-size:clamp(28px,3.4vw,36px); font-weight:400; line-height:1.2em;
  letter-spacing:-.025em; max-width:none; font-optical-sizing:auto;
}
body[data-live-only="true"][data-ending-style="aura"] .billboard-copy h2 span { display:block; }
body[data-live-only="true"][data-ending-style="aura"] .ending-thanks {
  font-size:15px; font-weight:400; line-height:1.4; letter-spacing:0;
  color:#444; max-width:30ch; margin:18px auto 0;
}
body[data-live-only="true"][data-ending-style="aura"] .final-billboard .billboard-copy .billboard-intro {
  font-size:14px; line-height:1.4; letter-spacing:0; color:#686868;
  max-width:40ch; margin:12px auto 0; text-wrap:pretty;
}
body[data-live-only="true"][data-ending-style="aura"] .final-billboard .billboard-actions .panel-actions { margin-top:24px; }
body[data-live-only="true"][data-ending-style="aura"] #laneLive #liveOrbStage[data-state="done"] #liveAura { top:calc(50% - 300px); }