
:root{
  --pch-screen-base-width:430;
  --pch-screen-base-height:932;
  --pch-screen-scale:1;
  --pch-screen-width:100vw;
  --pch-screen-height:100dvh;
}

html,
body.parchemos-native-app{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
}

.pch-screen-shell{
  position:fixed;
  inset:0;
  width:var(--pch-screen-width);
  height:var(--pch-screen-height);
  overflow:hidden;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:#FB302F;
}

.pch-screen-canvas{
  position:absolute;
  width:430px;
  height:932px;
  overflow:hidden;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  border-radius:0;
  box-shadow:none;
  transform-origin:center center;
}

.pch-screen-canvas--red{
  background:linear-gradient(180deg,#FB302F 0%,#C52643 70.19%);
}

.pch-screen-layer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.pch-screen-scroll{
  width:100%;
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}

@media(min-width:601px){
  .pch-screen-shell{
    display:grid;
    place-items:center;
    background:#f6f7f9;
  }
}


/* v3.1.2 — auth shell may paint edge-to-edge independently of the 430×932 canvas */
body.parchemos-native-app--auth,
body.parchemos-native-app--auth .parchemos-native-root,
body.parchemos-native-app--auth .pch-screen-shell{
  background:linear-gradient(180deg,#FB302F 0%,#C52643 70.19%)!important;
}
