/* Mobile prezentacja — ≤767 portrait: landscape deck rotated CW 90°
   (prior CCW 90° + 180° flip). Class `html.deck-mobile-rotate` from presentation.js. */

html.deck-mobile-rotate,
html.deck-mobile-rotate body.deck {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

html.deck-mobile-rotate .deck-viewport {
  padding-bottom: 0;
  padding-top: env(safe-area-inset-top, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}

/* After rotate(90deg): design height (1080) → screen width,
   design width (1920) → screen height. Scale set by presentation.js. */
html.deck-mobile-rotate .deck-stage {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  transform: translate(-50%, -50%) rotate(90deg) scale(var(--layout-scale, 1));
  transform-origin: center center;
}

/* Gradient asset: 90° clockwise so the wash orientation matches the rotated stage. */
html.deck-mobile-rotate .deck-gradient-stack {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg) scale(var(--gradient-scale, 1));
  transform-origin: center center;
}

/* Navigation chrome — always hidden on mobile rotate. */
html.deck-mobile-rotate .deck-chrome,
html.deck-mobile-rotate .deck-hint {
  display: none !important;
}