/* タイトル・結果の左上を予約。ゲーム側は文字・操作をここへ置かない。 */
:root {
  --oikaze-lab-safe-left: env(safe-area-inset-left, 0px);
  --oikaze-lab-safe-top: env(safe-area-inset-top, 0px);
  --oikaze-lab-return-width: 104px;
  --oikaze-lab-return-height: 56px;
  --oikaze-lab-ui-left: calc(var(--oikaze-lab-safe-left) + var(--oikaze-lab-return-width));
  --oikaze-lab-ui-top: calc(var(--oikaze-lab-safe-top) + var(--oikaze-lab-return-height));
}
/* 予約領域を上から避ける、タイトル・結果用の任意のレイアウト部品。 */
html[data-oikaze-lab-return="visible"] .oikaze-lab-safe-content {
  box-sizing: border-box;
  padding-top: var(--oikaze-lab-ui-top);
}
/* 作者が指定した配置だけに適用。背の低い画面では上を避けてスクロールする。 */
html[data-oikaze-lab-return="visible"] [data-oikaze-lab-safe-screen="stage"] {
  padding-top: calc(var(--oikaze-lab-ui-top) + 20px) !important;
}
@media (max-height: 700px) {
  html[data-oikaze-lab-return="visible"] [data-oikaze-lab-safe-screen="centered"] {
    top: calc(50% + var(--oikaze-lab-ui-top) / 2) !important;
    max-height: calc(100dvh - var(--oikaze-lab-ui-top) - env(safe-area-inset-bottom, 0px) - 16px) !important;
    padding-top: 20px !important;
    overflow-y: auto !important;
    touch-action: pan-y;
  }
  html[data-oikaze-lab-return="visible"] [data-oikaze-lab-safe-screen="stage"] {
    justify-content: flex-start !important;
    padding-bottom: 20px !important;
    overflow-y: auto !important;
    touch-action: pan-y;
  }
  [data-oikaze-lab-safe-screen="stage"] > * { flex-shrink: 0; }
}
#oikaze-lab-return {
  position: fixed;
  top: calc(var(--oikaze-lab-safe-top) + 4px);
  left: calc(var(--oikaze-lab-safe-left) + 4px);
  z-index: 10000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 44px;
  box-sizing: border-box;
  color: #50615d;
  font: 600 10px/1.2 system-ui, sans-serif;
  text-decoration: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.oikaze-lab-return-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 8px;
  border: 1px solid #50615d30;
  border-radius: 5px;
  background: #f7f5eee6;
  white-space: nowrap;
  pointer-events: none;
}
#oikaze-lab-return[hidden] { display: none !important; }
#oikaze-lab-return:focus-visible { outline: 2px solid #159470; outline-offset: -2px; }
#oikaze-lab-return:active .oikaze-lab-return-label { background: #e4efe8; }