/* Use the scene's device classification in both portrait and landscape. */
#sceneStartEditor[data-scene-mobile=true],
#stonePuzzleEntryEditor[data-scene-mobile=true],
#museumHotspots[data-scene-mobile=true] > .mhp-toggle,
#museumHotspots[data-scene-mobile=true] > .mhp-panel,
#museumHotspots[data-scene-mobile=true] > .mhp-picker {
  display: none !important;
}

@media (pointer: coarse), (max-width: 600px) {
  .museum-travel-button {
    box-sizing: border-box;
    min-height: 32px !important;
    max-width: min(220px, calc(100% - 32px)) !important;
    padding: 6px 12px !important;
    border-radius: 18px !important;
    font: 600 11px/1.4 system-ui !important;
    box-shadow: 0 0 12px #eabc3826 !important;
    bottom: max(56px, calc(env(safe-area-inset-bottom, 0px) + 44px)) !important;
  }

  /* Enlarge the invisible touch area around the compact prompt. */
  .museum-travel-button::after {
    content: "";
    position: absolute;
    inset: -6px -4px;
  }
}