/* V48: iPhone-native desktop layout with pinch-zoom-safe controls. */
@media (max-width: 820px) {
  html.pp-mobile-probe:not(.pp-view-ready):not(.pp-in-frame) body { visibility: hidden !important; }
}

/* iPhone/iPad native desktop mode: the real page stays top-level, so Safari can
   pinch zoom without rasterizing a transformed full-page iframe. */
html.pp-native-desktop {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background: #04162a;
}
html.pp-native-desktop body {
  min-width: 1440px !important;
  width: 1440px !important;
  margin: 0 !important;
  overflow-x: visible !important;
  background: #04162a;
}
html.pp-native-desktop .pp-native-view-controls {
  position: fixed;
  left: 0;
  right: 0;
  bottom: max(42px, env(safe-area-inset-bottom));
  z-index: 2147483646;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 34px;
  pointer-events: none;
}
html.pp-native-desktop .pp-view-label,
html.pp-native-desktop .pp-mobile-version-button {
  position: static;
  pointer-events: auto;
  min-height: 118px;
  border-radius: 999px;
  box-shadow: 0 22px 70px rgba(0,0,0,.46);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
html.pp-native-desktop .pp-view-label {
  display: flex;
  align-items: center;
  padding: 0 42px;
  color: #f8f3e8;
  background: rgba(3,17,33,.91);
  border: 3px solid rgba(205,166,83,.82);
  font: 800 34px/1 Arial,sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}
html.pp-native-desktop .pp-mobile-version-button {
  min-width: 465px;
  padding: 0 50px;
  color: #06182c;
  background: linear-gradient(180deg,#e6c56f,#b98527);
  border: 3px solid #f4dfa3;
  font: 900 38px/1 Arial,sans-serif;
  letter-spacing: .10em;
  text-transform: uppercase;
  cursor: pointer;
}
html.pp-native-desktop .pp-mobile-version-button:active { transform: translateY(2px); }

/* Non-iOS narrow-device fallback shell retained from V47. */
html.pp-desktop-shell,
html.pp-desktop-shell body {
  width: 100%; height: 100%; margin: 0; overflow: hidden; background: #04162a;
}
.pp-desktop-view-shell {
  position: fixed; inset: 0; overflow: hidden; background: #04162a; z-index: 2147483000;
}
.pp-desktop-view-stage {
  position: absolute; inset: 0; overflow: hidden; background: #04162a;
}
.pp-desktop-view-frame {
  position: absolute; left: 0; top: 0; border: 0; display: block; background: #04162a;
  transform-origin: 0 0; overscroll-behavior: contain;
}
html:not(.pp-native-desktop) .pp-view-label {
  position: fixed; left: 12px; bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 2147483646;
  display: flex; align-items: center; gap: 7px; padding: 9px 12px; border-radius: 999px;
  color: #f8f3e8; background: rgba(3,17,33,.88); border: 1px solid rgba(205,166,83,.78);
  font: 700 10px/1.15 Arial,sans-serif; letter-spacing: .09em; text-transform: uppercase;
  box-shadow: 0 10px 30px rgba(0,0,0,.38); backdrop-filter: blur(12px);
}
html:not(.pp-native-desktop) .pp-mobile-version-button {
  position: fixed; right: 12px; bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 2147483647;
  min-height: 44px; padding: 0 16px; border-radius: 999px; cursor: pointer;
  color: #06182c; background: linear-gradient(180deg,#e0bc69,#b88328); border: 1px solid #f1d996;
  font: 800 11px/1 Arial,sans-serif; letter-spacing: .11em; text-transform: uppercase;
  box-shadow: 0 10px 30px rgba(0,0,0,.42);
}
html:not(.pp-native-desktop) .pp-mobile-version-button:active { transform: translateY(1px); }
@media (min-width:821px){
  html:not(.pp-native-desktop) .pp-desktop-view-shell,
  html:not(.pp-native-desktop) .pp-native-view-controls,
  html:not(.pp-native-desktop) .pp-mobile-version-button,
  html:not(.pp-native-desktop) .pp-view-label{display:none!important}
}