title: CSS line comments break the file
body: <p>I have a CSS file, my editor has a "mini map" and ASCII block text headings so I can navigate the file faster.</p>
  
  <p>I have an odd bug where some of the headings break the CSS.</p>
  
  <p>Using block comments or removing them fix the rules but some work regardless e.g. the ones between the ROUND heading and the PLAYER heading.</p>
  
  <p>Here is the broken CSS:</p>
  
  <pre class="lang-css prettyprint-override"><code>@import url('https://fonts.googleapis.com/css?family=Roboto');
  
  body {
    padding-top: 70px;
    padding-bottom: 35px;
  }
  
  //////////////////////////////////////////////////////////////////////////////////////////////
  //  ##    ##    ###    ##     ## ####  ######      ###    ######## ####  #######  ##    ##  //
  //  ###   ##   ## ##   ##     ##  ##  ##    ##    ## ##      ##     ##  ##     ## ###   ##  //
  //  ####  ##  ##   ##  ##     ##  ##  ##         ##   ##     ##     ##  ##     ## ####  ##  //
  //  ## ## ## ##     ## ##     ##  ##  ##   #### ##     ##    ##     ##  ##     ## ## ## ##  //
  //  ##  #### #########  ##   ##   ##  ##    ##  #########    ##     ##  ##     ## ##  ####  //
  //  ##   ### ##     ##   ## ##    ##  ##    ##  ##     ##    ##     ##  ##     ## ##   ###  //
  //  ##    ## ##     ##    ###    ####  ######   ##     ##    ##    ####  #######  ##    ##  //
  //////////////////////////////////////////////////////////////////////////////////////////////
  
  .navbar {
      background-color: black;
      border-bottom: 2px solid white;
  }
  
  .navbar a {
      color: white;
      text-decoration: none;
  }
  
  .navbar a:hover {
      color: #9d9d9d;
      text-decoration: none;
  }
  
  .nav&gt;li&gt;a:focus, .nav&gt;li&gt;a:hover {
      background-color: black;
  }
  
  .navbar-toggle {
      border: 1px solid white;
      border-radius: 4px;
  }
  
  .icon-bar {
      background-color: white;
  }
  
  
  ///////////////////////////////////////////////////////
  //  ########  #######  ########  ##     ##  ######   //
  //  ##       ##     ## ##     ## ###   ### ##    ##  //
  //  ##       ##     ## ##     ## #### #### ##        //
  //  ######   ##     ## ########  ## ### ##  ######   //
  //  ##       ##     ## ##   ##   ##     ##       ##  //
  //  ##       ##     ## ##    ##  ##     ## ##    ##  //
  //  ##        #######  ##     ## ##     ##  ######   //
  ///////////////////////////////////////////////////////
  
  .form-control-on-black {
      color: white;
      background-color: black;
      border: 1px solid white;
      border-radius: 4px;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  
  .form-control-on-black:focus {
      border-color: white;
      outline: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  
  .btn-on-black {
      color: white;
      background-color: black;
      border-color: white;
  }
  
  
  /////////////////////////////////////////////////////////////////////////////////
  //   ######  ########  ######   ##     ## ######## ##    ## ########  ######   //
  //  ##    ## ##       ##    ##  ###   ### ##       ###   ##    ##    ##    ##  //
  //  ##       ##       ##        #### #### ##       ####  ##    ##    ##        //
  //   ######  ######   ##   #### ## ### ## ######   ## ## ##    ##     ######   //
  //        ## ##       ##    ##  ##     ## ##       ##  ####    ##          ##  //
  //  ##    ## ##       ##    ##  ##     ## ##       ##   ###    ##    ##    ##  //
  //   ######  ########  ######   ##     ## ######## ##    ##    ##     ######   //
  /////////////////////////////////////////////////////////////////////////////////
  
  .jumbotron {
      margin-bottom: 20px;
  }
  
  //   ######  ####### #     # #     # ######
  //   #     # #     # #     # ##    # #     #
  //   #     # #     # #     # # #   # #     #
  //   ######  #     # #     # #  #  # #     #
  //   #   #   #     # #     # #   # # #     #
  //   #    #  #     # #     # #    ## #     #
  //   #     # #######  #####  #     # ######
  
  #round-card {
      padding-bottom: 80px;
  }
  
  .card-space {
      color: #337ab7;
      border-bottom: 2px solid white;
  }
  
  .card-space:hover {
      color: #337ab7;
      border-bottom: 2px solid #337ab7;
  }
  
  #submit-card-btn {
      position: absolute;
      bottom: 35px;
      right: 60px;
  }
  
  
  //   ######  #          #    #     # ####### ######
  //   #     # #         # #    #   #  #       #     #
  //   #     # #        #   #    # #   #       #     #
  //   ######  #       #     #    #    #####   ######
  //   #       #       #######    #    #       #   #
  //   #       #       #     #    #    #       #    #
  //   #       ####### #     #    #    ####### #     #
  
  #player-cards {
    background-color: black;
  }
  
  #card-nav-wrap {
      position: relative;
  }
  
  #card-nav-wrap&gt;#left-fade {
      width: 50px;
      height: 100%;
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5;
      background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
      background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
      background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
  }
  
  #card-nav-wrap&gt;#right-fade {
      width: 50px;
      height: 100%;
      pointer-events: none;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 5;
      background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
      background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
      background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
  }
  
  #card-nav {
      z-index: 1;
  }
  
  
  //    #####   #####  ####### ######  #######
  //   #     # #     # #     # #     # #
  //   #       #       #     # #     # #
  //    #####  #       #     # ######  #####
  //         # #       #     # #   #   #
  //   #     # #     # #     # #    #  #
  //    #####   #####  ####### #     # #######
  
  #score {
    background-color: black;
    color: white;
    padding-bottom: 5px;
  }
  
  .label-czar {
      background-color: white;
      color: black;
  }
  
  
  ///////////////////////////////////////////////////////
  //   ######     ###    ########  ########   ######   //
  //  ##    ##   ## ##   ##     ## ##     ## ##    ##  //
  //  ##        ##   ##  ##     ## ##     ## ##        //
  //  ##       ##     ## ########  ##     ##  ######   //
  //  ##       ######### ##   ##   ##     ##       ##  //
  //  ##    ## ##     ## ##    ##  ##     ## ##    ##  //
  //   ######  ##     ## ##     ## ########   ######   //
  ///////////////////////////////////////////////////////
  
  .card {
      position: relative;
  }
  
  .card p {
      font-family: 'Roboto', sans-serif;
      font-weight: 900;
  }
  
  .card-light{
    border: 3px solid black;
    color: black;
    background: white;
  }
  
  .card-dark{
    border: 3px solid black;
    color: white;
    background: black;
  }
  
  .card-big {
    width: 75%;
    max-width: 240px;
    height: 300px;
    margin: 0 auto;
    border-radius: 24px;
    padding: 5%;
  }
  
  .card-big p {
      font-size: 26px;
  }
  
  .card-small{
    width: 170%;
    max-width: 120px;
    height: 190px;
    border-radius: 12px;
    margin: 0 auto;
    padding: 5%;
  }
  
  .card-small p {
      font-size: 18px;
  }
  </code></pre>