/*
 * Keep gameplay gestures locked to each canvas while allowing menus and
 * post-game overlays to scroll normally on touch devices.
 */
.game-shell,
.beat-shell{
  touch-action:pan-y;
}

.game-screen,
.beat-screen{
  overflow-x:hidden;
  overflow-y:auto;
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
}

@media (max-width:700px){
  #introScreen.active,
  #resultScreen.active{
    display:block;
    padding-top:46px;
    padding-bottom:28px;
  }

  #introScreen .intro-card,
  #resultScreen .result-card{
    margin:0 auto;
  }
}