/* The published tour fills the whole screen; everything on it comes from labels.css. */

html,
body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #15181c;
}

.frame {
  position: fixed;
  inset: 0;
  overflow: hidden;
  /* Keep the bottom buttons clear of a phone's home bar. */
  padding-bottom: env(safe-area-inset-bottom);
}

.viewer,
#overlay {
  position: absolute;
  inset: 0;
}

.message {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  max-width: 80%;
  color: #fff;
  font: 400 16px/1.4 var(--jl-font);
  text-align: center;
}
.message[hidden] { display: none; }

/* A still for a card picture (tour-page.js): the tour without its buttons, compass or credit
   line. The front page carries the credit instead. */
.jl-still .jl-bar,
.jl-still .jl-compass,
.jl-still .jl-credit { display: none !important; }