/* The interactive page follows normal document flow on small screens. */
@media(max-width:600px){
 body:not(.mode-film){display:flex;flex-direction:column;min-height:100svh;overflow-x:hidden}
 body:not(.mode-film) header{position:relative;inset:auto;margin:23px 22px 0;order:0}
 body:not(.mode-film) #stage{position:relative;inset:auto;width:100%;height:480px;flex-shrink:0;order:1}
 body:not(.mode-film) .tissue-controls{position:relative;inset:auto;margin:0 22px;max-width:none;order:2}
 body:not(.mode-film) .view-controls{position:relative;inset:auto;margin:22px 22px 0;max-width:none;order:3}
 body:not(.mode-film) .view-controls p{line-height:1.5;margin-top:8px}
 body:not(.mode-film) #info{position:relative;inset:auto;width:auto;margin:27px 22px 0;order:4}
 body:not(.mode-film) #info h2 br{display:revert}
 body:not(.mode-film) footer{position:relative;inset:auto;margin:25px 22px 22px;order:5}
 body:not(.mode-film) #loading{top:400px}
 body:not(.mode-film) #selected{top:235px}
}