/* v0.10.69: one stable notice over the opening's black art area.
   The existing lower dialogue box is not resized or rewritten. */
.opening-notice-root {
  position: absolute;
  z-index: 22;
  top: calc(max(10px, env(safe-area-inset-top)) + 76px);
  right: max(28px, env(safe-area-inset-right));
  bottom: calc(var(--dialogue-height) + 28px);
  left: max(28px, env(safe-area-inset-left));
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #cbd0cd;
  pointer-events: none;
}
.opening-notice-root[hidden],
.opening-notice-continue[hidden] { display: none; }
.opening-notice-copy {
  min-height: 0;
  max-height: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #6a726d #000;
  pointer-events: auto;
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
  overflow-wrap: anywhere;
}
.opening-notice-copy h1 {
  margin: 0 0 22px;
  color: #e3e7e4;
  font: 400 22px/1.5 var(--font-ui);
  text-align: center;
}
.opening-notice-copy p { margin: 0 0 18px; }
.opening-notice-copy p:last-child { margin-bottom: 0; }
.opening-notice-copy:focus-visible { outline: 1px solid #9da8a0; outline-offset: 5px; }
.opening-notice-continue {
  position: absolute;
  z-index: 35;
  right: max(24px, env(safe-area-inset-right));
  bottom: max(24px, env(safe-area-inset-bottom));
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-width: 96px;
  min-height: 48px;
  padding: 10px 14px;
  border: 0;
  border-radius: 0;
  background: var(--yellow);
  color: #151811;
  font: 400 16px/1.2 var(--font-ui);
  box-shadow: 3px 3px 0 #8f782c;
  cursor: pointer;
  touch-action: manipulation;
}
.opening-notice-continue img { width: 24px; height: 24px; image-rendering: pixelated; }
.opening-notice-continue:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.viewport-root[data-opening-notice="lead"] .hud-root,
.viewport-root[data-opening-notice="lead"] .stage-root,
.viewport-root[data-opening-notice="lead"] .dialogue-root { visibility: hidden; }
.viewport-root[data-opening-notice="lead"] { background: #000; }