#toggle_game_over {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 48px;
  cursor: pointer;
  z-index: 1;

  .fa {
    z-index: 1;
  }
}

.game_over {
  position: relative;

  #point_graph {
    height: 300px;
    position: relative;
    margin: 10px 0;
  }

  .graph_nav_wrap {
    display: none;

    #graph_nav {
      input[type='checkbox'] {
        display: none;
      }

      label {
        cursor: pointer;
        display: inline-block;
        margin: 1px 5px;
        padding: 3px 5px;
        border-radius: 2px;
        border: 1px solid black;

        &:hover {
          color: black;
        }
      }
    }
  }

  #game_over_deets{
    padding: 10px;
    display: flex;
    justify-content: space-between;

    #player_1_deets, #player_2_deets {
      margin: 0 10px;
    }

    .final_tiles {
      text-align: left;
      background: #333;
      display: inline-block;
      height: 28px;
      border: 2px solid black;
      border-radius: 3px;
      padding: 2px;

      .active_tile {
        margin: 0 1px;

        .letter_value {
          margin-top: -1px;
        }
      }
    }

    .text_deets {
      line-height: 18px;

      strong {
        width: 30px;
        text-align: center;
      }

      .drain_points strong {
        color: red;
      }
    }
  }
}