/* PopeX v156: identical visual/layout metrics to v154, with one uniform Y shift.
 * Changes only the header's TOP MARGIN. This moves the header AND every following
 * element in normal document flow by exactly the same amount; distances, sizes,
 * type, bubbles, board, pieces, and game logic are left untouched.
 * On compact screens (<=700dvh) the shift is 0. Limit it when the browser does
 * not expose a safe-area inset so the header cannot be pushed off the top. */
@media (orientation: portrait) {
  .moonlit-app .bloop-header {
    --pw156-shift-y: min(
      clamp(0px, calc(45dvh - 315px), 26px),
      calc(12px + env(safe-area-inset-top, 0px))
    );
    margin-top: calc(0px - var(--pw156-shift-y)) !important;
  }
}