:root{
  --safe-top: env(safe-area-inset-top);
  --safe-bottom: env(safe-area-inset-bottom);
  --safe-left: env(safe-area-inset-left);
  --safe-right: env(safe-area-inset-right);
  --tab-h: 52px;
  --chrome: #1f4d2b;
  --chrome-border: #16351f;
}

html, body{
  margin:0;
  height:100%;
  font-family: Roboto, Arial, sans-serif;
}

.pc-mobile .desktop-only { display: none !important; }
.pc-desktop .mobile-only { display: none !important; }

/* If iOS reveals any "unsafe" area, make it look intentional (not white) */
html{ background: var(--chrome); }

/* Desktop/tablet default */
body{
  background:#fff;
  box-sizing: border-box;

  /* Safe-area for normal browsing. (In mobile app-mode we override below.) */
  padding-top: var(--safe-top);
  padding-left: var(--safe-left);
  padding-right: var(--safe-right);
  padding-bottom: var(--safe-bottom);
}

.pc-hide{ display:none !important; }

iframe{
  width:100%;
  height:100%;
  border:none;
  display:block;
  background:#fff;
}

#pc-desktop-shell,
#pc-mobile-shell{
  width:100%;
  height:100%;
}