/* The answer turns the existing world into a full-viewport rabbit launch.
   The result dock is the original result UI: one score, one Next action. */
#launchTitle { display: none; }
body[data-ascent-cinema="true"] { overflow: hidden; }
body[data-ascent-cinema="true"] #pavilionWorld { z-index: 5; }
body[data-ascent-cinema="true"] header { z-index: 8; border-color: transparent; }
body[data-ascent-cinema="true"] header::before { background: linear-gradient(#061f1d, #061f1dc9 65%, transparent); }
body[data-ascent-cinema="true"] #game {
  position: fixed; inset: 0; z-index: 6; width: 100%; max-width: none;
  height: 100dvh; min-height: 0; margin: 0; padding: 0;
  pointer-events: none; isolation: isolate; transform: none;
}
body[data-ascent-cinema="true"] #game::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(#031d1977, transparent 25%, transparent 65%, #031d19c9);
}
body[data-ascent-cinema="true"] #game > [data-journey],
body[data-ascent-cinema="true"] #ascentWindow,
body[data-ascent-cinema="true"] #card > .toprow,
body[data-ascent-cinema="true"] #card > .q,
body[data-ascent-cinema="true"] #card > #eventScene,
body[data-ascent-cinema="true"] #card > #timerBox,
body[data-ascent-cinema="true"] #card > .readout,
body[data-ascent-cinema="true"] #card > #controls,
body[data-ascent-cinema="true"] #ascentReadout,
body[data-ascent-cinema="true"] #motionCue,
body[data-ascent-cinema="true"] .round-caption { display: none !important; }
body[data-ascent-cinema="true"] #launchTitle {
  display: block; position: absolute; top: 83px; left: 12px; right: 12px;
  text-align: center; color: #fff0cb; text-shadow: 0 3px 20px #031d19;
}
#launchKicker { font: 700 10px/1.4 var(--body); letter-spacing: .22em; color: #e0c38c; }
#launchHeadline { font: italic 400 clamp(28px, 4.5vw, 48px)/1.12 Georgia, serif; letter-spacing: -.03em; margin: 8px 0 0; }
body[data-rabbit-emotion="sad"] #launchHeadline { color: #d7e6dc; }
body[data-ascent-cinema="true"] #card {
  position: absolute; inset: auto 0 0; width: 100%; max-width: none;
  min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0;
  background: none; box-shadow: none; backdrop-filter: none; isolation: auto;
}
body[data-ascent-cinema="true"] #altitudeHUD {
  display: block !important; position: fixed; top: auto; bottom: 96px; left: 50%; right: auto;
  transform: translateX(-50%); width: max-content; max-width: calc(100% - 28px);
  padding: 0; border: 0; background: none; text-align: center;
}
body[data-ascent-cinema="true"] #altitudeHUD .altitude-label { display: none; }
body[data-ascent-cinema="true"] #altitudeValue { font-size: 44px; }
body[data-ascent-cinema="true"] #ascentStatus { display: block; max-width: none; font-size: 12px; margin-top: 4px; }
body[data-ascent-cinema="true"] #skipReveal {
  pointer-events: auto; align-self: center; margin: 0 auto max(24px, env(safe-area-inset-bottom));
  min-height: 44px; padding: 10px 22px; border-color: #dcc18b66;
  background: #0b3028e8; font-size: 12px;
}
body[data-ascent-cinema="true"][data-phase="feedback"] #altitudeHUD { display: none !important; }
body[data-ascent-cinema="true"] #result {
  pointer-events: auto; width: min(540px, calc(100% - 28px)); margin: 0 auto;
  max-height: calc(100dvh - 190px); overflow-y: auto; overscroll-behavior: contain;
  padding: 14px 20px max(14px, env(safe-area-inset-bottom));
  background: linear-gradient(155deg, #123d32f8, #061f1dfc);
  border: 1px solid #d7b16a55; border-bottom: 0; border-radius: 20px 20px 0 0;
  box-shadow: 0 -6px 40px #001b1750; text-align: left;
}
body[data-ascent-cinema="true"] #result > div { gap: 9px !important; }
body[data-ascent-cinema="true"] .verdict { min-height: 0; padding: 0; border: 0; align-items: baseline; }
body[data-ascent-cinema="true"] .tier { font-size: 24px; line-height: 1.15; }
body[data-ascent-cinema="true"] .pts { font-size: 24px; }
body[data-ascent-cinema="true"] .comparison { padding: 0; gap: 12px; }
body[data-ascent-cinema="true"] .comparison b { font-size: 21px; }
body[data-ascent-cinema="true"] .comparison span { display: none; }
body[data-ascent-cinema="true"] .comparison small { font-size: 9px; }
body[data-ascent-cinema="true"] #next { position: relative; inset: auto; width: 100%; min-height: 46px; margin: 0; font-size: 14px; }
body[data-ascent-cinema="true"] #answerDetails { display: block; border-top: 1px solid #c6a15d30; }
body[data-ascent-cinema="true"] #answerDetails > summary { display: list-item; min-height: 38px; padding: 11px 2px 5px; font-size: 12px; cursor: pointer; color: #e4ce9a; }
body[data-ascent-cinema="true"] #answerDetails .answer-explanation { padding: 8px 0 5px; }
body[data-ascent-cinema="true"] #answerDetails:not([open]) .answer-explanation { display: none; }
@media (max-height: 740px) {
  body[data-ascent-cinema="true"] #launchTitle { top: 74px; }
  #launchKicker { font-size: 9px; letter-spacing: .14em; }
  #launchHeadline { font-size: 29px; margin-top: 4px; }
  body[data-ascent-cinema="true"] #result { padding: 11px 16px max(10px, env(safe-area-inset-bottom)); }
  body[data-ascent-cinema="true"] #result > div { gap: 7px !important; }
  body[data-ascent-cinema="true"] .tier, body[data-ascent-cinema="true"] .pts { font-size: 21px; }
}
@media (max-width: 700px) {
  body[data-ascent-cinema="true"] #launchTitle { top: 73px; }
  #launchKicker { font-size: 9px; letter-spacing: .13em; }
  #launchHeadline { font-size: 32px; }
}
@media (min-width: 560px) and (max-height: 620px) and (orientation: landscape) {
  body[data-ascent-cinema="true"] #launchTitle { left: 50%; top: 78px; }
  body[data-ascent-cinema="true"] #launchHeadline { font-size: 25px; }
  body[data-ascent-cinema="true"] #result { width: 44%; margin: 0 3% 0 auto; max-height: calc(100dvh - 148px); }
  body[data-ascent-cinema="true"] #altitudeHUD { left: 74%; }
  body[data-ascent-cinema="true"] #skipReveal { margin-left: 65%; }
}