.tour-viewport{min-width:0}
.mobile-actions[hidden]{display:none}
@media(max-width:900px){
  header{gap:8px}
  header nav{align-items:end}
  .room-picker{flex:1;min-width:150px}
  .room-picker select{max-width:none;width:100%}
  body[data-qa="false"] #reference,body[data-qa="false"] #download{display:none}
  .hint{display:none}
  .controls{display:flex;gap:4px;right:10px;bottom:10px}
  .controls button{width:40px;height:40px;min-height:40px;line-height:1;padding:3px}
  .view-turns{left:10px;bottom:10px;gap:4px}
  .view-turns button{width:40px;height:40px;min-height:40px;line-height:1;padding:3px}
  .mobile-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0 0}
  .mobile-actions #view-name{position:static;flex:1 1 100%;max-width:none;padding:0 2px;background:transparent;font-size:11px;line-height:1.35}
  .mobile-actions #close-door,.mobile-actions #exit-room{position:static;min-height:40px;font-size:12px;box-shadow:none;flex:1;padding:8px 10px}
  #stage:fullscreen #close-door{right:10px;top:10px;bottom:auto;min-height:40px}
  #stage:fullscreen #exit-room{left:auto;right:10px;top:58px;min-height:40px}
  #stage:fullscreen #view-name{left:10px;bottom:58px;max-width:calc(100% - 20px)}
  body[data-presentation="public"] .tour-viewport{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}
}
