.ending-header .bp-header-title { font-size: calc(var(--u) * 64); white-space: normal; text-align: center; text-wrap: balance; }
.ending-body {
  position: absolute;
  left: calc(var(--u) * 40);
  right: calc(var(--u) * 40);
  top: calc(var(--u) * 230);
  bottom: calc(var(--u) * 196);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--u) * 24);
}
.ending-hero { flex: 1 1 0; min-height: 0; width: 100%; display: flex; justify-content: center; }
.ending-card {
  height: 100%;
  max-height: calc(var(--u) * 420);
  aspect-ratio: 0.71;
  box-shadow: 0 0 0 calc(var(--u) * 3) var(--gold), 0 0 calc(var(--u) * 60) calc(var(--u) * 16) rgba(242, 182, 50, 0.65);
  animation: title-drop 700ms cubic-bezier(0.2, 1.4, 0.4, 1) backwards;
}
.ending-panel { width: 100%; display: flex; flex-direction: column; gap: calc(var(--u) * 8); padding: calc(var(--u) * 18) calc(var(--u) * 28); }
.ending-best { display: inline-flex; align-items: center; gap: calc(var(--u) * 10); text-transform: uppercase; }
.ending-best .bp-icon { font-size: calc(var(--u) * 40); }
.ending-party { justify-content: center; }
.ending-note { font-size: calc(var(--u) * 22); text-align: center; color: #e9dcb8; }

[data-layout="landscape"] .ending-header .bp-header-title { font-size: calc(var(--u) * 54); }
[data-layout="landscape"] .ending-body { top: calc(var(--u) * 140); bottom: calc(var(--u) * 128); left: calc(var(--u) * 140); right: calc(var(--u) * 140); flex-direction: row; }
[data-layout="landscape"] .ending-hero { flex: 0 0 auto; width: auto; height: 100%; }
[data-layout="landscape"] .ending-panel { flex: 1; }