* { box-sizing: border-box; }
html, body, .tour, #panorama { width: 100%; height: 100%; min-height: 100%; margin: 0; }
html, body { overflow: hidden; }
.tour { position: relative; background: #123b35; }
#panorama { position: absolute; inset: 0; }
.scene-nav {
  position: absolute;
  z-index: 20;
  left: 50%;
  bottom: max(12px, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  width: min(100% - 20px, 620px);
  pointer-events: none;
}
.scene-nav button {
  pointer-events: auto;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 999px;
  padding: 8px 12px;
  color: #fff;
  background: rgba(18,59,53,.86);
  font: inherit;
  font-size: 13px;
  line-height: 1.2;
  cursor: pointer;
}
.scene-nav button.is-active { color: #123b35; background: #fff; font-weight: 700; }
.scene-nav button:focus-visible { outline: 3px solid #f3c969; outline-offset: 2px; }
/* Pannellum既定のシーン名は左下で場所ボタンと重なるため、左上の操作ボタンの右へ移す */
.pnlm-panorama-info { top: 4px; bottom: auto; left: 40px; }