.my_stats {
  margin: 10px;

  h3 {
    font-size: 1em;
    margin: 5px 0;
    color: #333;
    font-family: 'Acme';
    font-size: 1.2em;
  }

  .stat_group {
    margin: 5px 10px 15px 0;
    padding: 10px;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.2);
    border: 1px solid #bbb;
    border-radius: 2px;
    color: #444;
    font-size: 0.9em;
    background-image: url("/assets/bkg3-d3304aa2.png");

    a {
      color: #444;
    }

    .best {
      overflow: hidden;
    }

    .stat {
      padding: 2px 1px;
      border-radius: 2px;

      &:hover {
        background: #eee;
      }

      .value {
        color: #333;
        display: inline-block;
        font-weight: 700;
        text-align: center;
        font-size: 1.1em;
        min-width: 72px;
      }

      .id {
        font-size: 0.8em;
        color: #777;
      }
    }
  }

  .top_games, .top_moves {
    .stat:hover {
      color: dodgerblue;
      background: #eee;
    }
  }

  .other {
    .value {
      width: 55px;
    }
  }
}