html, body {
  margin: 0; width: 100%; height: 100%;
  background: transparent;
  overflow: hidden;
}
.stage-frame {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: stretch;
  pointer-events: none;
}
#stage {
  height: 100vh;
  width: min(100vw, calc(100vh * 9 / 16));
  display: block;
  background: transparent;
  pointer-events: auto;
}
.page-top {
  position: fixed; top: 3%; left: 0; right: 0; z-index: 7;
  text-align: center; pointer-events: none;
}
.page-logo { height: 64px; width: auto; max-width: 70%; object-fit: contain; }
.page-title {
  margin: 6px 0 0; font-size: 28px; font-weight: 700; color: #fff;
  text-shadow: 0 2px 6px #000, 0 0 16px #000;
}
.hint {
  position: fixed; left: 0; right: 0; bottom: 7%;
  text-align: center; z-index: 8; color: #fff;
  font: 600 16px/1.3 -apple-system, BlinkMacSystemFont, sans-serif;
  text-shadow: 0 2px 6px #000, 0 0 14px #000;
  pointer-events: none;
}