.player_info {
  color: #222;
  font-family: 'Acme';
  overflow: hidden;
  box-shadow: var(--box-shadow-down);
  background: white;
  display: flex;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  flex: none;
  width: 100%;

  .avatar {
    float: left;
  }

  .player_score {
    white-space: nowrap;
    overflow: visible;
    position: relative;
    height: 70px;

    .golden {
      color: #e7e700;
      text-shadow: 1px 1px 1px #333;
    }

    .top_row {
      overflow: hidden;

      .add24 {
        position: relative;
        top: -1px;
        left: 5px;
      }

      .username {
        font-size: 1.65em;
        display: inline-block;
        padding: 6px 10px 4px;
      }

      a.username {
        &:hover {
          color: #fff;
        }
      }

      .my_turn {
        color: white;
      }

      .add_friend {
        float: left;
        margin-top: 6px;
        font-size: 24px;
        margin-left: 10px;
        color: cyan;
        text-shadow: 0 1px 3px rgba(0,0,0,0.3);

        &:hover {
          color: white;
        }

        &:active {
          text-shadow: none;
        }
      }

      .chain {
        font-size: 1.3em;
        margin-top: 6px;

        .value {
          position: relative;
          top: -2px;
          left: 2px;
        }

        &:hover {
          color: #fff;
        }
      }

      .rank {
        font-size: 1.6em;
        cursor: pointer;
        margin: 5px 10px 0 0;
        float: right;

        &:hover {
          color: #fff;
        }
      }
    }

    .total_difference {
      float: left;
      margin: 1px 0 0 10px;

      .total_points {
        font-size: 2em;
        display: inline-block;
        cursor: pointer;

        &:hover {
          color: #fff
        }
      }

      .difference {
        font-size: 1.2em;
        overflow: hidden;
        position: relative;
        top: -3px;

        &:hover {
          color: #fff
        }
      }
    }

    .points_breakdown {
      float: right;

      .points_bar {
        width: 100%;
        height: auto;
        margin: 0;

        .point {
          width: 85px;
          height: auto;

          .value {
            line-height: 34px;
          }
        }

        .dp {
          width: 50px;
        }
      }
    }
  }

  .winner {
    .total_points {
      color: #fff;
    }
  }

  .p1 {
    float:left;
  }

  .p2 {
    float: right;
  }
}